Який хороший вибір часу для Javascript? [зачинено]

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

Кілька ресурсів:

• TimeDatePicker (плагін jQuery)
• jQuery.timepickr
• jQuery.ptTimeSelect
• Вибір часу
• Фантастичний підбір часу
• Вибір часу NoGray

Це найкраще, що я знайшов до дати http://trentrichardson.com/examples/timepicker/

Ось одна, яка працює з Twitter Bootstrap.

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

Я не був задоволений жодним із запропонованих інструментів вибору часу, тому створив свій власний, натхненний специфікаціями Perifer's та HTML5:

http://github.com/gregersrygg/jquery.timeInput

Ви можете або використовувати нові атрибути html5 для введення часу (крок, мінімум, максимум), або використовувати об’єкт options:

<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

Якщо когось цікавить інший 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) і навіть часові пояси!