Das Kalendersymbol wird nicht angezeigt

Ich benutze jQuery ui datepicker so:

$('<input type="text" />').datepicker({
    buttonImage: "http://localhost:2000/proj/styles/calendar/images/calendar/cal.gif"
}).appendTo(container);

Dieser Pfad "http://localhost: 2000/proj/styles/kalender/bilder/kalender/cal.gif" führt zu einem Bild. Ich habe nachgeschaut.

Wenn dieser Code ausgeführt wird, endet die Arbeit mit dem Datumsauswahlprogramm, das kein Symbol enthält. Wenn ich das Textfeld fokussiere, erscheint ein Kalender.

Warum erscheint das Kalendersymbol nicht?

1
@ Pointy: Es zeigt das Bild im Browser.
hinzugefügt der Autor Naor, Quelle
Müssen Sie das Bild mit seinem vollqualifizierten Domänennamen referenzieren? Ich würde "/proj/styles/calendar/images/calendar/cal.gif" verwenden, wenn sich Ihre Seite auf demselben Server befindet.
hinzugefügt der Autor halfer, Quelle
Was passiert, wenn Sie diese URL direkt in das Adressfeld des Browsers eingeben?
hinzugefügt der Autor Pointy, Quelle
Ist es in allen Browsern passiert?
hinzugefügt der Autor Sameera Thilakasiri, Quelle

2 Antworten

i think that the option will only actived when u focus the input, because as default is showOn: 'focus'

Überprüfen Sie, ob diese Zeile geändert wurde:

buttonImage: '',//URL for trigger button image

in der Hauptquelle von datepicker (Standard: jquery.ui.datepicker.js )

0
hinzugefügt
Leider funktioniert das nicht ..
hinzugefügt der Autor Naor, Quelle

Sie müssen die Option showOn entweder auf button oder auf beide setzen, damit das Symbol angezeigt wird.

Ich denke auch, dass es für den Datepicker schwierig ist, das Icon hinzuzufügen, bevor sich die Eingabe im DOM-Baum befindet. Sie sollten also erwägen, die Aufrufe appendTo() und datepicker() zu vertauschen:

$('<input type="text" />').appendTo(container)).datepicker({
    buttonImage: "icon url",
    buttonImageOnly: true,
    showOn: 'button'
});

Sehen Sie dies in Aktion: http://jsfiddle.net/william/GyP2u/1/ .

0
hinzugefügt
JavaScript - Deutsche Gemeinschaft
JavaScript - Deutsche Gemeinschaft
3 der Teilnehmer

In dieser Gruppe sprechen wir über JavaScript.