2014-01-10 1 views
0

Я читал ответы здесь, но ничего не работает над их решениями, по какой-то причине я получаю консольную ошибку «Uncaught TypeError: Объект [object Object] не имеет метода «datetimepicker», когда я использую кнопку для загрузки скрипта с помощью fancybox, но сумасшедшая вещь. Если я изначально вызываю функцию с помощью JavaScript через календарь, который мы используем напрямую, он работает нормально, но мы хотели бы, чтобы он работал над кнопкой, которую он ранее делал перед установкой новых плагинов.Uncaught TypeError: Object [object Object] не имеет метода 'datetimepicker'

$('#Time').datetimepicker({ 
datepicker:false, 
format:'H:i', 
step:30, 
minTime: '07:00', 
maxTime: '21:00' 

});

У кого-нибудь есть идеи? HTML ниже

<tr> 
<td>Time:</td> 
<td> 
<input type="text" id="Time" name="Time" value="<?php 
if(isset($Time)) echo $Time; ?>" class="inputBoxSmall time" /> 
</td> 
</tr> 

Обновление: Я только что заметил это -> Uncaught ReferenceError: Jquery не определен JQuery-ui.min.js: 5

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"> </script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
+0

DateTimePicker не является частью JQuery. Вам нужно включить jQuery UI и специальный плагин datetimepicker –

+0

Вы включили библиотеку datetimepicker –

+0

Привет, я только что обновил код вопроса, спасибо –

ответ

1

Прежде всего Jquery является базовым исходным файлом, а пользовательский интерфейс jQuery использует исходный файл jQuery. Таким образом, порядок сценария включения должен быть отменен. А во-вторых, я предполагаю, что вы используете плагин jQuery DateTimePicker. "A jQuery plugin is simply a new method that we use to extend jQuery's prototype object". Идея плагина - это сделать что-то с набором элементов. Обычно почти все плагины поставляются с отдельным файлом js и, если необходимо, таблицей стилей. Так что в вашем случае

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> 
<script src="path to your datepicker plugin here"></script> 
<link rel="stylesheet" type="text/css" href="path to your plugin style sheet here"/> 

Вы можете увидеть рабочие примеры here

+0

. Спасибо за ответ, теперь ваш заказ верен, хотя я использую jquery-timepicker v1.2.13 - http://jonthornton.github.com/jquery-timepicker/ –

+0

ваш пример показывает 'datetimepicker' не' timepicker' –

+0

О, черт побери! Спасибо за помощь, это устранило мою проблему! –

0

Вы включая скрипты в неправильный порядок.

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

jQuery должен быть представлен перед пользовательским интерфейсом jQuery.

+0

Спасибо, что исправил ошибку jQuery - будет помнить об этом в будущем. Хотя ошибка timepicker по-прежнему присутствует Uncaught TypeError: Object [объект Object] не имеет метод 'DateTimePicker' '<сценарий SRC =" // ajax.googleapis.com/ajax <- - Дистанционные JS!> /libs/jquery/1.9.1/jquery.min.js ">