JS / jQuery TypeError: jQuery (…) .datepicker nie jest funkcją

Przez 2 dni drapałem się po głowie, całkiem pewnie, że brakuje mi czegoś prostego, ale nie mogę przez całe życie dowiedzieć się, dlaczego to nie działa.

Próbuję użyć poniższego skryptu na mojej stronie WordPress, aby wyłączyć określone daty w polu datepicker w formularzu ContactForm7.

Mogę załadować skrypt w jsfiddle za pomocą prostego pola wejściowego, używając tego samego identyfikatora i działa on doskonale ... ale gdy dodam go do mojej witryny, daty nie są wyłączone i występuje błąd w konsoli błędów JS, który mówi " jQuery (...). datepicker nie jest funkcją ”

Dodałem to w moimheader.php plik, tuż poniżejwp_head() zadzwoń i tuż nad</head> etykietka. Przypisałem moje pole datepicker o identyfikatorzedpick podobnie jak skrypt.

Czytałem, że ten błąd jest często spowodowany używaniem$ symbol, ponieważ może on kolidować z innymi skryptami jQuery w WordPressie ... więc zaproponowali zastąpienie$ zjQuery zamiast tego (co zrobiłem w poniższym skrypcie) ... ale nadal otrzymuję błąd

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
        });

    });

Nie mogę ci wystarczająco podziękować za jakąkolwiek pomoc, jaką możesz zaoferować ... to wydaje się takie proste, ale nie mogę po prostu owinąć głowy wokół tego!

questionAnswers(10)

yourAnswerToTheQuestion