JQuery DatePicker wird nicht angezeigt

Question

Hallo, ich versuche, eine einfache Textbox mit einem Datepicker zu erstellen, der erscheint, wenn ein Benutzer hineinklickt. Ich habe Folgendes in meinem Header geladen:

    $(function() {
        $( "#datepicker" ).datepicker();
    });

Und in meinem Body habe ich die folgende Textbox:

Mein Problem ist, dass nichts passiert, wenn ich versuche, in die Textbox zu klicken. Ich bin mir nicht sicher, woran das liegen könnte. Alle Vorschläge sind willkommen.

UPDATE:

Habe es mit dem CDN versucht und auch das gesamte jQuery UI-Paket heruntergeladen, aber es wird immer noch nicht angezeigt. Habe es sowohl in IE als auch in Firefox versucht.

UPDATE 2:

Hoffte, dass der Syntaxfehler, den ich oben korrigiert habe, es lösen würde, aber leider nichts.

Answer 1

JQuery UI fügt dem Eingabefeld nach dem Klicken die Klasse "hasDatepicker" hinzu. Versuchen Sie, die Klasse hasDatepicker zu entfernen. Wenn Sie einen jQuery-Selektor wie $('.hasDatepicker') verwenden, um das/die Eingabefeld(er) auszuwählen, versuchen Sie, ihm einen anderen Klassennamen zu geben.

Answer 2

Bitte entfernen Sie die Klasse hasDatepicker vom Eingabefeld und es sollte funktionieren.

class = 'hasDatepicker' // muss entfernt werden

Answer 3

Ich hatte ein ähnliches Problem.

Öffnen Sie das Stylesheet und suchen Sie .ui-helper-hidden-accessible.

Wenn es eine doppelte Zeile für clip: rect(1px,1px,1px,1px); gibt, entfernen Sie sie (möglicherweise müssen Sie beide entfernen). Das hat das Problem für mich behoben.

Answer 4

Verwenden Sie das CDN, um sicherzustellen, dass Sie das vollständige jQuery UI haben. Du rufst es richtig auf...

Answer 5

Wenn Sie mehrere Instanzen des Datumsauswahlfelds haben, versuchen Sie, anstelle der ID eine Klasse zu verwenden. Der Grund dafür ist, dass die ID für das Element eindeutig sein muss oder das Aufrufen von jQuery nicht funktioniert, da die Funktion nicht weiß, in welches spezifische Element auf der Seite das Skript eingefügt werden soll.

Das Skript würde so aussehen

    $(function() {
        $( ".datepicker" ).datepicker();
    });

Und das Element würde so aussehen

Ich hoffe, das hilft