Блог

Главная - Вопросы по программированию - Действие выбора времени не запущено

Действие выбора времени не запущено

#javascript #jquery #jquery-ui-timepicker

#javascript #jquery #jquery-ui-timepicker

Вопрос:

Это jsfiddle, в fiddle я уже включил jquery 2 и эту библиотеку timepicker http://jonthornton.github.io/jquery-timepicker/jquery.timepicker.js

и входные данные имеют идентификатор startTime

и я делаю это в скрипте:

 <script type="text/javascript">
    $('#startTime').timepicker();
</script>

Проблема в том, что при нажатии на этот вводимый текст ничего не появляется, хотя в руководстве указано, что этого достаточно для запуска выпадающего списка timepicker.

что я упускаю, пожалуйста?

для тех, кто не работал с этой библиотекой, это ее ссылка http://jonthornton.github.io/jquery-timepicker / и вы можете скачать его отсюда https://github.com/jonthornton/jquery-timepicker

Комментарии:

1. jsfiddle.net/vsm5a В скрипке я просто добавил jquery.timepicker.css

2. вам необходимо включить timepicker.css

3. @Satpal это здорово, что вы сделали, пожалуйста?

4. @ShaunakD Я уже сделал это на своей машине, но не в jsfiddle, имеет ли это значение на самом деле? Я хотел бы иметь свой собственный стиль

5. Он сделал то же самое!

Ответ №1:

Вам необходимо включить jquery.timepicker.css файл.

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

 $(document).ready(function() { 
    $('#startTime').timepicker(); 
});

ДЕМОНСТРАЦИЯ

Ответ №2:

Здесь работает JSFIDDLE:

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

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
bootstrap-datepicker.js
bootstrap-datepicker.css
jquery.timepicker.js
query.timepicker.css

JS:

 $('#startTime').timepicker();

Комментарии:

1. согласно @Satpal, необходимые файлы есть jquery.timepicker.css , и это правильно, потому что он дал мне рабочий jsfiddle, но я включил этот файл css, но все еще проблема здесь — jsdfile в коде jsfiddle.net/G6znv возможно , вам потребуется развернуть HTML-представление по максимуму, чтобы получить хороший обзор

2. Я думаю, вы забыли инициализировать как $(‘#startTime’).timepicker(); В вашей скрипке я просто вставил этот код, и он работал!

3. Вам необходимо включить файл версии jquery: <script src=» ajax.googleapis.com/ajax/libs/jquery/1.8.3 /… >

4. В JSFIDDLE под заголовком «Фреймворки и расширения» выберите jquery1.7.2, а затем попробуйте!

5. 1 к вашим усилиям, но мне помог другой парень.спасибо

Ответ №3:

Попробуйте это :

 <script type="text/javascript">
$(document).ready(function () {
    $('#startTime').timepicker({dateFormat: 'm/d/yy', maxDate: '@DateTime.Now.ToString("MM/dd/yyyy")' });
});
</script>
Метки: