Какой хороший выбор времени для Javascript?

Какой хороший выбор времени для jquery или standalone js? Я бы хотел, чтобы в календаре использовалось то, что Google использует в своем календаре, где он имеет выпадающее время общего времени через 15 минут или позволяет вам вручную вводить время и проверять его.

Ответ 1

Несколько ресурсов:

Ответ 2

Это лучшее, что я нашел до даты http://trentrichardson.com/examples/timepicker/

Ответ 3

Вот, что работает с Twitter Bootstrap.

http://jdewit.github.com/bootstrap-timepicker/

Ответ 4

Я не был доволен ни одним из предложенных мастеров выбора времени, поэтому я создал свое собственное вдохновение из 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 для последних).

Ответ 5

Вы можете прочитать пост создателя jQuery John Resig об этом здесь: http://ejohn.org/blog/picking-time/.

Ответ 6

Я использовал ClockPick.

Ответ 7

Галерея CSS имеет множество инструментов выбора времени. Взгляни.

Perifer Design выбор времени похож на google one

Ответ 8

Если кто-то заинтересован в другом JavaScript TimPicker, я разработал и поддерживаю плагин jQuery, который выполняет эту работу. Он работает как EZ Time JS (хотя я не знал об этом до 5 минут назад: D), позволяя пользователям вводить время практически любым способом, с которым они чувствуют себя комфортно, и преобразовывая ввод в общий формат.

Просмотрите страницу jQuery TimePicker Options, чтобы увидеть ее в действии.

Ответ 9

Извините, ребята.. может быть, это немного поздно.. Я использовал NoGray.. это круто..

Ответ 10

Я использовал jquery ui timepicker

Ответ 11

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

Для более удобного выбора времени просмотрите Any + Time ™ Datepicker/Timepicker AJAX Calendar Widget, Это, возможно, самый быстрый и простой в использовании выбор времени, потому что он использует простые кнопки для выбора определенного времени со скоростью и легкостью.

Интересным испытанием юзабилити является следующее: выберите нечетное время (например, 10:32 pm), а затем посмотрите, сколько времени требуется, чтобы точно выбрать это время, используя различные таймеры. Вероятно, вы можете сделать это быстрее с помощью Any + Time ™, чем вы могли бы написать время от времени - просто попробуйте найти другой сборщик, о котором вы можете это сказать! Не говоря уже о том, что Any + Time ™ поддерживает бесчисленное множество форматов даты и времени, 12/24-часовое время, полную настройку CSS (или jQuery UI) и даже часовые пояса!