Zeige das aktuelle Datum beim Klicken mit dem jQuery-Datepicker an

Question

Ich benutze den Datepicker ui für jQuery. Der Kalender wird gut geladen. Jetzt möchte ich ein Ereignis auslösen, das das aktuelle Datum anzeigt, wenn ich ein Datum auswähle. Ich versuche, dies zu verwenden, habe aber kein Glück.

Die Funktion sieht so aus:

$(document).ready(AllPageLoads);

    function AllPageLoads()
    {
        $('#datepicker').datepicker();
        $('table.games tbody tr.top').each(function (index) { if (index % 2 == 0) { $(this).addClass("even"); } else { $(this).addClass("odd"); } });
        $('table.games tbody tr.bottom').each(function (index) { if (index % 2 == 0) { $(this).addClass("even"); } else { $(this).addClass("odd"); } });
    }

    function EpicFail(response, status, error)
    {
        alert(response + " / " + status + " / " + error);

}
$('.selector').datepicker("option", "onSelect", function (dateText, inst) {
  alert(dateText);
 });

html:

Aktuelle Daten

Alle Zeiten Pazifik

            Datum
            Daten
            Spalte1
            Spalte2
            Daten1
            Daten2
            Daten3

        6/9/2011

        901

        Team1

        Spieler1

        info1

        AUS

        AUS

        4:05 PM

        902

        Team2

        Spieler2

        info2

        AUS

        AUS

Answer 1

Es funktioniert nicht, weil Sie den datepicker mindestens einmal initialisiert haben, bevor Sie das versuchen, was Sie jetzt tun möchten. Die Bindung (im Inneren von Optionen als Wörterbuch), die Sie verwenden, funktioniert nur beim ersten Initialisieren.

Verschieben Sie es entweder zur ersten Initialisierungsanweisung oder verwenden Sie:

$('.selector').datepicker("Option", "onSelect", function (dateText, inst) {
alert(dateText);
});

Answer 2

Wenn Sie $('.selector'). verwenden, sagen Sie jQuery: Suche nach dem Element, das die Klasse "selector" hat, und führe diese Funktion aus.

Aber Sie haben kein Element mit diesem Klassennamen.

Um das Problem zu lösen, fügen Sie einfach den folgenden Code hinzu:

    function AllPageLoads()
    {
        $('#datepicker').datepicker({
           onSelect: function (dateText, inst) { alert(dateText); }
        });
        $('table.games tbody tr.top').each(function (index) { if (index % 2 == 0) { $(this).addClass("even"); } else { $(this).addClass("odd"); } });
        $('table.games tbody tr.bottom').each(function (index) { if (index % 2 == 0) { $(this).addClass("even"); } else { $(this).addClass("odd"); } });
    }