Ошибка типа: «undefined» не является функцией

Question

Ошибка типа: «undefined» не является функцией

0

Я пытаюсь создать сборщик дат с формой HTML. В моем заголовке HTML у меня есть

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Мой скрипт:

<script type="text/javascript">

            jQuery('#from').datepicker({
                dateFormat: 'yyyy-mm-dd'
            });
            jQuery('#to').datepicker({
                dateFormat: 'yyyy-mm-dd'
            });
</script>

Моя форма:

<form action="rural_report.php" method="post">
            Date From: <input type='text' id='from' name='from'/><br/>
            Date To: <input type='text' id='to' name='to'/><br/>
            <input type='submit' value='Get Rural Call Report'/>
</form>

Я попытался обернуть скрипт в функции document.ready следующим образом:

jQuery(document).ready(function(){
            jQuery('#from').datepicker({
                dateFormat: 'yyyy-mm-dd'
            });
            jQuery('#to').datepicker({
                dateFormat: 'yyyy-mm-dd'
            });
});

Я также попытался использовать "$" вместо "jQuery". Я попытался поставить блок сценария в голову HTML с и без бит document.ready, в теле до формы с битом document.ready и в самом конце тела с и без документа document.ready.

Я использую Safari. Ошибка, которую я получаю

TypeError: 'undefined' is not a function (evaluating 'jQuery('#from').datepicker({
                dateFormat: 'yyyy-mm-dd'
            })')

Когда я набираю $ или слово jQuery в нижней части инструмента отладки, я получаю оператор

function (a, b) {return new n.fn.init(a,b);}

Когда я нажимаю на текстовое поле, он получает синее свечение вокруг него, но календарь не отображается.

Спасибо за вашу помощь.

ShiningLight 07 май 2014, в 23:09

Источник

4

вы также должны включить jQueryUI, когда вы хотите использовать DatePicker
Dr.Molle 07 май 2014, в 20:45

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

вы также должны включить jQueryUI, когда вы хотите использовать DatePicker

adeneo · Accepted Answer · 2014-05-07T18-39-00.000Z

Вам также придется добавить jQuery UI, датапикер недоступен в основных файлах jQuery

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

<script type="text/javascript">
    jQuery(function($) {
        $('#from').datepicker({
            dateFormat: 'yyyy-mm-dd'
        });
        $('#to').datepicker({
            dateFormat: 'yyyy-mm-dd'
        });
    });
</script>

Огромное спасибо. Это исправило это !!