Einfache Frage, Über die jQuery-Datepicker Kalender-Symbol

Sorry für die einfache Frage.

Bin ich über ein jQuery-DatePicker. Ich möchte, das kleine Kalender-Symbol neben dem Texteingabefeld. Ich bin mit der Laufruhe jQuery UI theme.

Stellt jQuery UI gehören die calendar.gif Symbol (nicht das datepicker selbst, sondern nur das kleine Symbol)? Wenn nicht, können Sie vorschlagen, wo bekomme ich eine Kostenlose kleine calendar.gif?

So wie ich das verstehe, füge ich den Kalender wie folgt:
buttonImage: 'images/calendar.gif'

Danke.

InformationsquelleAutor Laxmidi | 2011-09-24
  1. 6

    Konnte man mit dem eingebauten icons von jQuery UI, es gibt ein Kalender-icon. Der code ist so etwas wie:

    $("#datepicker").datepicker({
    showOn: 'button'
}).next('button').text('').button({
    icons: {
        primary: 'ui-icon-calendar'
    },
    text: false
});

    Ihn in Aktion zu sehen: http://jsfiddle.net/william/rrcmq/.

    Es ist inspiriert von diesem Artikel: http://www.somethinghitme.com/2010/10/06/use-built-in-jquery-ui-icon-with-datepicker/.

    • Hi @William Niu, Cool. Vielen Dank für die Hilfe.
    InformationsquelleAutor William Niu
  2. 1

    Ich soweit weiß ich es nicht. Ich meine selbst wenn ich den datepicker mit ein, aber ich hatte schon ein Symbol.

    Können Sie google es, aber es sind einige freie icons hier: http://findicons.com/search/calendar

    • Hi @jk., Danke für den link. Ich habe +1 wie ich wahrscheinlich gehen mit einem benutzerdefinierten Symbol.
    • danke, revanchierte sich 🙂
    InformationsquelleAutor jk.
  3. 0

    Gehen Sie einfach auf JQueryUI-site klicken Sie dann auf Demo und wählen Sie Dateicker und wählen Sie Symbol-trigger-Beispiel. Sie werden auf dieser Seite(datepicker-Symbol-trigger-Beispiel), und die Seite sieht dann wie unten gezeigt.
    Einfache Frage, Über die jQuery-Datepicker Kalender-Symbol

    Nun du mit der rechten Maustaste auf das Kalender-Symbol markiert durch gelbe und laden Sie es, indem Sie "Bild Speichern Als..." und fügen Sie es in Ihrem Projekt als buttonImage: 'images/calendar.gif' funktionieren.

    InformationsquelleAutor 劉鎮瑲
Schreibe einen Kommentar