Что такое хороший инструмент выбора времени для Javascript?
Какой инструмент выбора времени подходит для jquery или автономного js? Я хотел бы, чтобы что-то вроде того, что Google использует в своем календаре, где есть выпадающее общее время с 15-минутными интервалами или позволяет вручную вводить время и проверять его.
Рекомендую повторно открыть вопрос. Важно понимать, что категория «неконструктивная», как и каждая категория, должна иметь исключения - я думаю, в том числе и для таких вопросов, как этот, где ответ требует знания программирования и не является чем-то, что можно легко исследовать.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 11
Пользуюсь ClockPick.
Неплохо, но позиционирование элементов отключено.
это привело ко мне на подозрительную страницу с просьбой обновить flash. Пожалуйста, проверьте ссылку и обновите.
Вы можете прочитать об этом сообщение создателя jQuery Джона Ресига здесь: http://ejohn.org/blog/picking-time/.
Для обычного пользователя требуется слишком высокая точность мыши. Также не сразу очевидно, как использовать эту штуку (несмотря на то, что он утверждает, что она «интуитивно понятна») - я не могу смотреть на нее и знать, как она будет себя вести, когда я наведу указатель мыши на эти цифры.
CSS Галерея имеет множество средств выбора времени. Взглянуть.
сборщик времени от Perifer Design похож на Google One
Ah Perifer - это именно то, что я ищу, но, похоже, он не выполняет никакой проверки, то есть позволяет мне ввести «999999999» в качестве значения
Несколько ресурсов:
- TimeDatePicker (плагин jQuery)
- jQuery.timepickr
- jQuery.ptTimeSelect
- Выбор времени
- Выбор необычного времени
- NoGray Time Picker
... И ни одного зрелища среди них
TimeDatePicker, вероятно, лучший.
Я действительно не понимаю, чем TimeDatePicker является улучшением по сравнению со списком выбора.
большинство библиотек сломано
Этот намного лучше: weareoutman.github.io/clockpicker
@Mattias Да, но не забывай, что у тебя есть web.archive.org
Мне понравился bootstrap-datetimepicker, в котором были объединены пикеты даты и времени, и он служил моей цели.
Требуется новое ПО
@StefanSteiger К сожалению, больше не поддерживается.
Извините, ребята .. может уже немного поздно .. Пользуюсь Нет серый .. круто ..
Никогда не поздно кому-то (не обязательно оригинальному плакату) найти его полезным. .. ... кроме того, что Нет серый уже упоминается CMS ...
NoGray - приятный глаз, но есть несколько соображений по удобству использования. Во-первых, аналоговые часы становятся все более непонятными, и молодым людям иногда трудно их читать. Во-вторых, перетаскивание мышью к определенному времени немного утомительно, как и средства выбора времени, использующие ползунок. В-третьих, взаимодействие с клавиатурой для этого средства выбора немного случайное.
Для более удобного выбора времени ознакомьтесь с Виджет календаря Any + Time ™ Datepicker / Timepicker AJAX. Это, пожалуй, самый быстрый и простой в использовании инструмент выбора времени, потому что он использует простые кнопки для быстрого и легкого выбора определенного времени.
Вот интересный тест на удобство использования: выберите нечетное время (скажем, 22:32), а затем посмотрите, сколько времени потребуется, чтобы точно выбрать это время, используя различные средства выбора времени. Вероятно, вы сможете сделать это быстрее с Any + Time ™, чем записать время вручную - просто попробуйте найти другой сборщик, о котором вы можете сказать это! Не говоря уже о том, что Any + Time ™ поддерживает бесчисленное множество форматов даты / времени, 12/24 часов, полную настройку CSS (или jQuery UI) и даже часовые пояса!
Хороший сборщик. Бесплатно для некоммерческого использования, но вам необходимо связаться с разработчиком по поводу стоимости лицензирования для коммерческих проектов.
Так уж получилось, что он разработчик ...
Выбирать отдельно 10 и 1 для минут нет необходимости; такая точность почти никогда не понадобится. Соедините 10 и 1 и сделайте 12 рядов с шагом 5 минут. Он будет лучше согласовываться с часами, будет быстрее и будет достаточным для большинства случаев использования. Вы также можете изменить курсор на руку / указатель при наведении курсора на эти кнопки.
Спасибо за ответ! Я работаю над заменой библиотеки, которая будет автоматически предоставлять меньше кнопок, когда выбор с точностью до минуты не является обязательным.
что любая + временная страница содержит тысячи строк текста и кода, но я не смог найти ни одной рабочей демонстрации примера средства выбора даты / времени на странице ... вздох ... можно было бы подумать, что какая-то демонстрация будет на странице где-нибудь наверху.
Интересно, что вы не нашли демонстрации, потому что есть 3 рабочих средства выбора в верхней части страницы (обычно плавающие справа) и еще шесть полей ввода, разбросанных по инструкциям, которые все отображают всплывающие окна выбора, когда вы нажимаете на них. Также есть ссылка на простой пример на ama3.com/anytime/simple.html Может быть, у вас отключен JavaScript?
Мне не понравился ни один из предложенных средств выбора времени, поэтому я создал свой, вдохновленный 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 для последних).
У вас есть демо-версия?
Извини, нет. Я не касался этого проекта 4 года. Не стесняйтесь присылать пул-реквесты :)
Это лучшее, что я нашел до даты http://trentrichardson.com/examples/timepicker/
В зависимости от приложения это тоже одно из моих любимых. Мне действительно нужно было изменить период минутного шага с 1 на 15, но это было очень легко.
мой фаворит из списка. это легко, просто и все, что нужно. Я и раньше использовал виджет календаря Any + Time ™ Datepicker / Timepicker AJAX, но вместо этого я собираюсь попробовать это.
Веб-сайт (и пример javascript) больше не доступны. Есть ли где-нибудь еще образец?
Ползунки - не самый простой или быстрый способ выбрать точное время.
@Mark Я согласен с вашим мнением, самым простым способом может быть либо список выбора, либо отображение панели калькулятора, чтобы пользователь мог печатать.
Я использовал jquery ui timepicker
Слишком глючит. Вылетает браузер, когда есть около 10-20 элементов управления.
Если кого-то интересует другой JavaScript TimPicker, я разработал и поддерживаю плагин jQuery, который выполняет эту работу. Он работает что-то вроде EZ Time JS (хотя я не знал об этом еще 5 минут назад: D), позволяя пользователям вводить время практически любым удобным для них способом и конвертируя ввод в общий формат.
Проверьте Страница параметров jQuery TimePicker, чтобы увидеть его в действии.
Демка сломана (или я не понял, как ею пользоваться!).
Вот тот, который работает с Twitter Bootstrap.
http://jdewit.github.com/bootstrap-timepicker/
спасибо, это было то, что я искал
Это должен быть самый медленный способ выбрать время.
Мне очень нравится простота Angular UI Bootstrap Timepicker.
Очень простой сборщик времени с кнопкой вращения Здесь