JS / jQuery TypeError: jQuery (…) .datepicker ist keine Funktion

Ich habe mich 2 Tage lang am Kopf gekratzt, ziemlich sicher, dass ich nur etwas Einfaches vermisse, aber ich kann für mein ganzes Leben nicht herausfinden, warum es nicht funktioniert.

Ich versuche, das folgende Skript auf meiner WordPress-Site zu verwenden, um bestimmte Daten in einem Datumsfeld in einem ContactForm7-Formular zu deaktivieren.

Ich kann das Skript in jsfiddle mit einem einfachen Eingabefeld mit derselben ID laden und es funktioniert einwandfrei ... aber wenn ich es meiner Site hinzufüge, werden die Daten nicht deaktiviert und es gibt einen Fehler in der JS-Fehlerkonsole, der besagt " jQuery (...). Datepicker ist keine Funktion "

Ich habe es in meinem hinzugefügtheader.php Datei, direkt unter demwp_head() anrufen und direkt über dem</head> Etikett. Ich habe meinem Datumsfeld die ID von zugewiesendpick wie das Skript verwendet.

Ich habe gelesen, dass dieser Fehler häufig bei der Verwendung der verursacht wird$ Symbol, weil es mit anderen jQuery-Skripten in WordPress in Konflikt geraten kann$ mitjQuery stattdessen (was ich im Skript unten getan habe) ... aber ich erhalte immer noch den Fehler

var unavailableDates = ["1-9-2013", "2-9-2013", "3-9-2013", "4-9-2013", "5-9-2013"];

    function unavailable(date) {
            dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
            if (jQuery.inArray(dmy, unavailableDates) == -1) {
                return [true, ""];
            } else {
                return [false, "", "Unavailable"];
        }
    }

        jQuery(function() {
            jQuery( '#dpick' ).datepicker({
                dateFormat: 'dd MM yy',
                beforeShowDay: unavailable
        });

    });

Ich kann Ihnen nicht genug für jede Hilfe danken, die Sie anbieten können ... das scheint so einfach zu sein, aber ich kann einfach nicht meinen Kopf darum legen!

Antworten auf die Frage(10)

Ihre Antwort auf die Frage