Ищите js (возможно, jQuery) виджет пользовательского интерфейса часового пояса (только)
Я искал javascript (надеюсь, jQuery) виджет выбора / выбора / управления часового пояса, который я мог бы включить в свое веб-приложение social-calendar / event-router.
Учитывая, что в обычных выпадающих меню указано примерно 400 городов, я надеялся, что кто-то пожалел бедного пользователя и пришел с хорошим виджетом пользовательского интерфейса с лучшим интерфейсом, прежде чем я сам его создаю. (Я видел несколько хороших примеров веб-сайтов, в которых для выбора часового пояса используется карта, но они занимают слишком много места на странице для моего приложения.)
Хотя существует несколько способов составления списка часовых поясов, отличных от смещения по Гринвичу, я думаю, что лучший способ организовать часовые пояса - это использовать иерархическое выпадающее меню с подменю. Затем я бы перечислял по континентам, затем подменю, чтобы перечислить как страны, так и крупные города и, возможно, исключения городов / регионов, которые не подчиняются правилу географического или летнего времени. то есть Аризона в MST и некоторые города в Индиане в CST.
В виджет будет включена возможность запоминать последние 5 вариантов выбора пользователя и представлять их в верхней части списка.
Виджет также позволил бы пользователю печатать с помощью autosuggest (который будет рассматривать вводимые пользователем данные как префикс, суффикс и любое другое место в запросе. Что в терминах SQL эквивалентно высказыванию: WHERE some_column_name LIKE %query%). Их печатание представило бы сокращенный набор вариантов, делая список, чтобы выбрать из намного более короткого. то есть CST представит несколько часовых поясов, которые используют CST в качестве их аббревиатуры, -7 представит список городов, чей текущий часовой пояс установлен в GMT-7, 5.5 будет перечислять страну Инида и т. д.
Если кто-то знает виджет, который близок к этому, было бы любопытно узнать, откуда они получают данные о часовом поясе и летнем времени, поскольку существует несколько источников, и данные всегда обновляются.
2 ответа
Я думаю, что здесь есть полезная ветка разработчика на github timepicker с часовым поясом.
Что касается ограниченного набора входов, мне действительно нравится timepickr, но ему все еще нужен часовой пояс. Я не уверен, как вы планируете отправить это поле в базу данных, но вы могли бы просто иметь смежное поле текстового поля для часового пояса и связать его с автозаполнением jquery для часовых поясов, что было бы неплохо, потому что они могли бы отфильтровать оба длинных и сокращение для часового пояса, если они есть в текстовой метке вместе.
Также не составит труда использовать автозаполнение jquery для прокрутки собственной реализации с ограниченными опциями.
Я создал и LGPL точно такой виджет (плагин jQuery) здесь: https://github.com/peterjtracey/timezoneWidget - он имеет соответствующий код PHP, который динамически генерирует данные часового пояса, чтобы он учитывал летнее время и легко хранит значения базы данных для использования на стороне сервера.