Почему jqueryUI datepicker выдает ошибку? - PullRequest
Новая
       16

Почему jqueryUI datepicker выдает ошибку?

3 голосов
/ 03 апреля 2009

Я пробую jqueryUI, но firebug ловит следующую ошибку в этом сценарии: 

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

Ошибка Firebug гласит: 

$("#date").datepicker is not a function

В моем html идентификатор "date" выглядит так: 

<input type="text" name="date" id="date" >

Примечание: я использовал правильные сценарии JqueryUI css / js в разделе

Ничто не выполняется ...

Ответы [ 6 ]

3 голосов
/ 03 апреля 2009

jQuery документация говорит, что вы можете вызвать средство выбора даты с помощью этой команды: 

$("#datepicker").datepicker();

Если вы нажмете кнопку «Просмотр источника» на странице документации, вы увидите, что они завернули ее в функцию ready : 

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

РЕДАКТИРОВАТЬ: Он должен работать с INPUT (спасибо за указание на Steerpike). Это тест, который я написал, и он работает, попробуйте сами: 

<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.datepicker.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#datepicker").datepicker();
  });
  </script>
</head>
<body>
  <input type="text" id="datepicker" value="this is a test">   
</body>
</html>
2 голосов
/ 17 декабря 2010

для меня это был просто случай убедиться, что jquery ui был последним в списке всех включенных js.

2 голосов
/ 03 апреля 2009

Вы почти наверняка не загружаете плагин datepicker должным образом. Пожалуйста, предоставьте нам код, который вы используете для включения файлов JavaScript.

Если у вас возникли проблемы, загрузите jquery и пользовательский интерфейс из API Google. 

<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("jquery", "1.3.2");
    google.load("jqueryui", "1.7.0");
</script>
1 голос
/ 14 июля 2011

Это старый пост, но я пришел сюда, когда искал решение, чтобы люди все еще читали его;) У меня или, скорее, была такая же проблема. В моем случае оказалось, что я неправильно подключал js в html (обратите внимание, каким образом я заканчивал тег script)

НЕПРАВИЛЬНО: <script type="text/javascript" src="/fbo/js/jquery-ui-1.8.14.custom.min.js"/>

ХОРОШО: <script type="text/javascript" src="/fbo/js/jquery-ui-1.8.14.custom.min.js"></script>

Когда я делал это неправильно, у меня была та же ошибка.

1 голос
/ 03 апреля 2009 
 $(document).ready(function(){
  // Your code here
 });

убедитесь, что ваша функция находится внутри функции .ready main.

0 голосов
/ 03 апреля 2009

Возможно, вы загружаете prototype.js или другую библиотеку, которая использует $ в качестве псевдонима.

Попробуйте заменить $ на jQuery.

...