Какой инструмент выбора времени подходит для jquery или автономного js? Я хотел бы, чтобы что-то вроде того, что Google использует в своем календаре, где есть выпадающее общее время с 15-минутными интервалами или позволяет вручную вводить время и проверять его.
javascript
jquery
time
input
Элемент
источник
источник
Ответы:
Несколько ресурсов:
источник
Это лучшее, что я нашел до даты http://trentrichardson.com/examples/timepicker/
источник
Вот тот, который работает с Twitter Bootstrap.
http://jdewit.github.com/bootstrap-timepicker/
источник
Мне не понравился ни один из предложенных средств выбора времени, поэтому я создал свой собственный, вдохновленный Perifer и спецификацией HTML5:
http://github.com/gregersrygg/jquery.timeInput
Вы можете использовать новые атрибуты html5 для ввода времени (шаг, минимум, максимум) или использовать объект параметров:
<input type="time" name="myTime" class="time-mm-hh" min="9:00" max="18:00" step="1800" /> <input type="time" name="myTime2" class="time-mm-hh" /> <script type="text/javascript"> $("input[name='myTime']").timeInput(); // use default or html5 attributes $("input[name='myTime2']").timeInput({min: "6:00", max: "15:00", step: 900}); // 15 min intervals from 6:00 am to 3:00 pm </script>Проверяет ввод следующим образом:
Спецификация HTML5 не допускает синтаксиса am / pm или локализованного времени, поэтому допускает только формат hh: mm. Секунды разрешены согласно спецификации, но я еще не реализовал это.
Это очень "альфа", поэтому могут быть некоторые ошибки. Не стесняйтесь присылать мне патчи / запросы на включение. Протестировано вручную в IE 6 и 8, FF, Chrome и Opera (последняя стабильная версия для Linux для последних).
источник
Вы можете прочитать об этом сообщение создателя jQuery Джона Ресига здесь: http://ejohn.org/blog/picking-time/ .
источник
Я пользуюсь ClockPick .
источник
В галерее CSS есть множество инструментов выбора времени. Взглянуть.
Пикер времени Perifer Design похож на Google One
источник
Если кого-то интересует другой JavaScript TimPicker, я разработал и поддерживаю плагин jQuery, который выполняет эту работу. Он работает что-то вроде EZ Time JS (хотя я не знал об этом еще 5 минут назад: D), позволяя пользователям вводить время практически любым удобным для них способом и конвертируя ввод в общий формат.
Извлекает страницу TimePicker Опции JQuery , чтобы увидеть его в действии.
источник
Извините, ребята .. может уже немного поздно .. Пользуюсь NoGray .. круто ..
источник
Я использую jquery ui timepicker
источник
NoGray - приятный глаз, но есть несколько соображений по удобству использования. Во-первых, аналоговые часы становятся все более непонятными, и молодым людям иногда трудно их читать. Во-вторых, перетаскивание с помощью мыши к определенному времени немного утомительно, как и средства выбора времени, использующие ползунок. В-третьих, взаимодействие с клавиатурой для этого средства выбора немного спорадическое.
Для более удобного выбора времени ознакомьтесь с виджетом календаря Any + Time ™ Datepicker / Timepicker AJAX . Это, пожалуй, самый быстрый и простой в использовании инструмент выбора времени, потому что он использует простые кнопки для быстрого и легкого выбора определенного времени.
Вот интересный тест на удобство использования: выберите нечетное время (скажем, 22:32), а затем посмотрите, сколько времени потребуется, чтобы точно выбрать это время, используя различные средства выбора времени. С Any + Time ™ вы, вероятно, сможете сделать это быстрее, чем записать время вручную - просто попробуйте найти другой сборщик, о котором вы можете сказать это! Не говоря уже о том, что Any + Time ™ поддерживает бесчисленное множество форматов даты / времени, 12/24 часов, полную настройку CSS (или jQuery UI) и даже часовые пояса!
источник