jQuery datepicker при загрузке говорит undefined.

Я пытаюсь реализовать сборщик дат в моей форме, однако, когда код, добавленный в него, не отображается в пивоварах. Когда консоль проверена, эта ошибка отправлена TypeError: 'undefined' не является функцией (оценка '$ ("#datepicker") .datepicker()') Файл библиотеки jQuery добавляется в корневую папку.jQuery datepicker при загрузке говорит undefined.

Беллоу код используется:

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

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Datepicker</title> 
<link rel="stylesheet" href="jquery-ui-1.10.4.custom.css"> 
<script src="jquery-1.10.2.js"></script> 
<script src="datepicker.js"></script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 


</body> 
</html>

источник

2014-02-05 user3182518

Попробуйте поставить вызов DatePicker() внутри головки тега после того, как необходимое включает сделаны , –

Вы должны поместить свой код JQuery после включения jQuery и datepicker файл ядра:

<script src="jquery-1.10.2.js"></script> 
<script src="datepicker.js"></script> 
<script> 
    $(document).ready(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script>

источник

2014-02-05 16:23:01 Felix

Код jQuery находится в отдельном файле, однако я просто пробовал этот путь, и он ничего не делал. – user3182518

Вам также может понадобиться добавить Jquery-UI. js после записи jquery-1.10.2.js.

Try размещения

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

в конце файла после того, как HTML-тега и вокруг тега сценария, например,

<script type="text/javascript"> 
$(document).ready(function() { 
$("#datepicker").datepicker(); 
}); 
</script>

источник

2014-02-05 16:37:43 Kuv

Я просто попробовал следующий код в VS2012, и он работает. Вам нужно будет изменить номера версий здесь самостоятельно.

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <link href="Content/themes/base/jquery-ui.css" rel="stylesheet" /> 
    <script src="Scripts/jquery-1.7.1.js"></script> 
    <script src="Scripts/jquery-ui-1.8.20.js"></script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <p>Date: <input type="text" id="datepicker"></p> 
    </div> 
    </form> 
</body> 
</html> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script>

источник

2014-02-05 16:55:35 Kuv

Убедитесь, что у вас есть все сценарии, указывающие на правильное местоположение в рабочей области.

Попробуйте помещать документ jQuery в document.ready внутри метки заголовка после того, как будут сделаны необходимые дополнения.

Я думаю, по разметке, теги сценария должны быть размещены либо внутри тега тела или головы тег

Надежда это работает.

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Datepicker</title> 
<link rel="stylesheet" href="jquery-ui-1.10.4.custom.css"> 
<script src="jquery-1.10.2.js"></script> 
<script src="datepicker.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("#datepicker").datepicker(); 
}); 
</script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 


</body> 
</html>

Это прекрасно работает.

jsFiddle Демо: http://jsfiddle.net/arunkumars08/98CRq/

HTML:

<p> 
Date: 
<input type="text" id="datepicker" /> 
</p>

JS:

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

источник

2014-02-05 17:06:28

У меня была такая же проблема. Что я сделал, чтобы исправить это, так это добавить ссылку на скрипты после элемента управления.

<head> 
 
    <link href="../Scripts/jquery-ui-1.11.1.custom/jquery-ui.css" rel="stylesheet" /> 
 
    <script src="../Scripts/jquery-2.1.1.js"></script> 
 
</head> 
 
<body> 
 
    <div> 
 
    <input type='text' onkeypress='return false' class='datepicker' /> 
 
    </div> 
 
    
 
    <script src="../Scripts/jquery-ui-1.11.1.custom/external/jquery/jquery.js"></script> 
 
    <script src="../Scripts/jquery-ui-1.11.1.custom/jquery-ui.js"></script> 
 
    <script> 
 
     $(this).ready(function() { 
 
      $(".datepicker").datepicker(); 
 
     }); 
 
    </script> 
 
</body>

источник

2014-12-17 20:48:13 Dave

вам нужно добавить функцию, которая будет ссылаться на DatePicker для обозначения входных сигналов. поместите код js в конец файла. также не забывайте включить этот код это в функцию, которая будет выполнять сам:

<script type="text/javascript"> 
$(document).ready(function() { 
$('#datepicker').datepicker(); 
}); 
</script>

или

<script type="text/javascript"> 
(function() { 
$('#datepicker').datepicker(); 
})(); 
</script>

источник

2016-03-02 22:07:35 JulioCT

jQuery datepicker при загрузке говорит undefined.

ответ

Смежные вопросы