Удобный выбор дат и времени

Плагин заменяющий стандартные элементы выбора дат и времени на более удобные

Macik	#1 2012-09-19 03:33
Team Thanked: 181 times	Постоянно мучаюсь со стандартными элементами выбора даты и времени (которые реализованы через выпадающие меню). Чтобы выбрать определенную дату - нужно 6 кликов и куча скроллинга. Давно хотелось замены на что-то более простое и визуальное. Наконец дошли руки. Принцип работы прост - заменяет (скрывает) стандартные элементы выбора и выводит элементы в стиле jQueryUI. Работает на страницах добалвения и редактирования статей, на странице редактирования профиля и данных пользователей (иллюстрации ниже). Работает локализация. Файлы для (Ru, Nl) включены. Для остальных языков по умолчанию работает английский. Пока это бета версия, но пользоваться можно. Есть, что допиливать (проверить права пользователей, удалить символ двоеточия, дополнить меню выбора дат быстрыми кнопками «+1 день», «+неделя» )... Архив (уже) на ГитХабе: https://github.com/macik/cot_ui_datetime/zipball/master !! Распаковывать надо в корень сайта, т.к. файлы jQueryUI записываются в папку JS. Установка стандартная, через меню расширений в админке. Настраивать дополнительно ничего не надо, должно работать «из коробки». Скачиваем, оставляем мнения и замечания... https://github.com/macik правильный хостинг — https://goo.gl/fjCa1F
This post was edited by Macik (2012-09-23 07:26, 12 years ago)

Macik

#1 2012-09-19 03:33

Постоянно мучаюсь со стандартными элементами выбора даты и времени (которые реализованы через выпадающие меню). Чтобы выбрать определенную дату - нужно 6 кликов и куча скроллинга.

Давно хотелось замены на что-то более простое и визуальное. Наконец дошли руки.

Принцип работы прост - заменяет (скрывает) стандартные элементы выбора и выводит элементы в стиле jQueryUI. Работает на страницах добалвения и редактирования статей, на странице редактирования профиля и данных пользователей (иллюстрации ниже). Работает локализация. Файлы для (Ru, Nl) включены. Для остальных языков по умолчанию работает английский.

Пока это бета версия, но пользоваться можно. Есть, что допиливать (проверить права пользователей, удалить символ двоеточия, дополнить меню выбора дат быстрыми кнопками «+1 день», «+неделя» )...

ui_datetime_2012-09-19_06-49_page_proper

ui_datetime2_2012-09-19_06-49_page_prope

ui_datetime3_2012-09-19_06-49_page_prope

Архив (уже) на ГитХабе: https://github.com/macik/cot_ui_datetime/zipball/master

!! Распаковывать надо в корень сайта, т.к. файлы jQueryUI записываются в папку JS.

Установка стандартная, через меню расширений в админке. Настраивать дополнительно ничего не надо, должно работать «из коробки».

Скачиваем, оставляем мнения и замечания...

https://github.com/macik
правильный хостинг — https://goo.gl/fjCa1F

This post was edited by Macik (2012-09-23 07:26, 12 years ago)

Trustmaster	#2 2012-09-19 16:04
Administrators Thanked: 265 times	Отлично! Идея давно витает в воздухе, но реализация так и не была доступна до сих пор. May the Source be with you!

Dayver	#3 2012-09-19 17:22
Team Thanked: 180 times	Да-да согласен, молодец! Pavlo Tkachenko aka Dayver

Eugene	#4 2012-09-20 06:15
Members Thanked: 4 times	да, тоже парило давно - приятно, что реализовали!

Macik	#5 2012-09-23 07:24
Team Thanked: 181 times	Обновил плагин! Переписал половину кода. Сократив все лишнее. (Внимание! Переименовал плагин!) Добавил локализацию настроек и сделал тестовую страницу в Admin → Tools. Добавил `global mode` (по умолчанию отключен) - в этом режиме расширение загружается для всех страниц. Т.е., если в систему будет добавлен новый плагин использующий поля дата/время, ui_datetime обработает их без дополнительных заморочек. Залил на GitHub (актуальная версия теперь там): http://macik.github.com/cot_ui_datetime/ Там же демонстрационная страничка. Добавлено 1 часа спустя: Добавил перевод на русский. https://github.com/macik правильный хостинг — https://goo.gl/fjCa1F
This post was edited by Macik (2012-09-23 08:33, 12 years ago)

Macik

#5 2012-09-23 07:24

Team
Thanked: 181 times

Обновил плагин!

Переписал половину кода. Сократив все лишнее. (Внимание! Переименовал плагин!)
Добавил локализацию настроек и сделал тестовую страницу в Admin → Tools.
Добавил `global mode` (по умолчанию отключен) - в этом режиме расширение загружается для всех страниц.
Т.е., если в систему будет добавлен новый плагин использующий поля дата/время, ui_datetime обработает их без дополнительных заморочек.

Залил на GitHub (актуальная версия теперь там): http://macik.github.com/cot_ui_datetime/

Там же демонстрационная страничка.

Добавлено 1 часа спустя:

Добавил перевод на русский.

https://github.com/macik
правильный хостинг — https://goo.gl/fjCa1F

This post was edited by Macik (2012-09-23 08:33, 12 years ago)

Edward	#6 2012-10-12 11:28
Members Thanked: 29 times	Macik спасибо, отличная работа! Хорошо бы это перепилить в ядре, старанно видить такие плагины в движке. Email: ed.gabishev@gmail.com Telegram: https://t.me/Ed_Gaba

esclkm	#7 2012-10-12 18:28
Team Thanked: 76 times	Зачем? littledev.ru - мой маленький зарождающийся блог о котонти. снижение стоимости программирования и снижение стоимости производства разные вещи. Первое можно скорее сравнить с раздачей работникам дешевых инструментов, чем со снижением зарплаты

esclkm

#7 2012-10-12 18:28

Team
Thanked: 76 times

Зачем?

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

Macik	#8 2012-10-13 21:00
Team Thanked: 181 times	C учетом того, что используется сторонняя (дополнительная библиотека) jQueryUI, которая в теории может конфликтовать по стилям произвольными темами оформления, включать это в ядро точно не надо. Стоит ли включить плагин в стандартную поставку - это другой вопрос. Тут время покажет. https://github.com/macik правильный хостинг — https://goo.gl/fjCa1F

Macik

#8 2012-10-13 21:00

Team
Thanked: 181 times

C учетом того, что используется сторонняя (дополнительная библиотека) jQueryUI, которая в теории может конфликтовать по стилям произвольными темами оформления, включать это в ядро точно не надо.

Стоит ли включить плагин в стандартную поставку - это другой вопрос. Тут время покажет.

https://github.com/macik
правильный хостинг — https://goo.gl/fjCa1F

Alex300	#9 2012-10-19 11:32
Administrators Thanked: 265 times	Отличная работа, спасибо. Есть пожелание, чтобы timepicker всплавал не при наведении мыши на поле, а при клике, как datepicker. А то пользователей несколько раздражает. И есть альтернатива скрипту выбора времени, которая вставляет его непосредственно в сам datepicker. И все в итоге попадает в одно поле ввода и дата и время. https://github.com/trentrichardson/jQuery-Timepicker-Addon Есть миры, не здесь, там, где небеса горят, и моря засыпают, и реки дремлют; люди сделаны из дыма, а города – из песен. Где-то опасность, где-то несправедливость, даже где-то остыл чай. Идем Эйс, у нас много работы!... ...Sorry for my english... Бесплатные расширения для Cotonti: https://lily-software.com/free-scripts/

Alex300

#9 2012-10-19 11:32

Administrators
Thanked: 265 times

Отличная работа, спасибо.

Есть пожелание, чтобы timepicker всплавал не при наведении мыши на поле, а при клике, как datepicker.

А то пользователей несколько раздражает.

И есть альтернатива скрипту выбора времени, которая вставляет его непосредственно в сам datepicker. И все в итоге попадает в одно поле ввода и дата и время.

https://github.com/trentrichardson/jQuery-Timepicker-Addon

Есть миры, не здесь, там, где небеса горят, и моря засыпают, и реки дремлют; люди сделаны из дыма, а города – из песен. Где-то опасность, где-то несправедливость, даже где-то остыл чай. Идем Эйс, у нас много работы!...
...Sorry for my english...
Бесплатные расширения для Cotonti: https://lily-software.com/free-scripts/

Moool13	#10 2012-10-19 12:08
Members Thanked: 16 times	Есть пожелание, чтобы timepicker всплавал не при наведении мыши на поле, а при клике, как datepicker. Да, это было бы удобнее, +.

Macik	#11 2012-10-19 23:35
Team Thanked: 181 times	#35854 Alex300: Есть пожелание, чтобы timepicker всплавал не при наведении мыши на поле, а при клике, как datepicker. И есть альтернатива скрипту выбора времени, которая вставляет его непосредственно в сам datepicker. И все в итоге попадает в одно поле ввода и дата и время. https://github.com/trentrichardson/jQuery-Timepicker-Addon Да, видел этот скрипт в процессе поиска вариантов. Тогда он мне показался менее удобным и менее быстрым. Посмотрел ег оеще раз - надо будет «переварить» впечатления. #35856 Moool13: Есть пожелание, чтобы timepicker всплавал не при наведении мыши на поле, а при клике, как datepicker. Да, это было бы удобнее, +. Запрос принял. Создал тикеты. https://github.com/macik правильный хостинг — https://goo.gl/fjCa1F

Macik

#11 2012-10-19 23:35

Team
Thanked: 181 times

#35854 Alex300:
Есть пожелание, чтобы timepicker всплавал не при наведении мыши на поле, а при клике, как datepicker.

И есть альтернатива скрипту выбора времени, которая вставляет его непосредственно в сам datepicker. И все в итоге попадает в одно поле ввода и дата и время.

https://github.com/trentrichardson/jQuery-Timepicker-Addon

Да, видел этот скрипт в процессе поиска вариантов. Тогда он мне показался менее удобным и менее быстрым. Посмотрел ег оеще раз - надо будет «переварить» впечатления.

#35856 Moool13:

Есть пожелание, чтобы timepicker всплавал не при наведении мыши на поле, а при клике, как datepicker.

Да, это было бы удобнее, +.

Запрос принял.

Создал тикеты.

https://github.com/macik
правильный хостинг — https://goo.gl/fjCa1F

Uch	#12 2013-01-15 11:44
Members Thanked: 7 times	Не получается стереть значение Timepicker. Ctrl+end не работает. Вручную тоже не получается - как только фокус с инпута пропадает, стертое значение времени появляется опять.

Macik	#13 2013-01-15 13:07
Team Thanked: 181 times	Что должна делать комбинация «Ctrl-End» ? «Ручное удаление» теперь должно работать. https://github.com/macik/cot_ui_datetime/archive/v1.5.1.zip https://github.com/macik правильный хостинг — https://goo.gl/fjCa1F

Uch	#14 2013-01-15 15:17
Members Thanked: 7 times	Здесь: http://macik.github.com/cot_ui_datetime/demo.html есть эта фраза: "ctrl+end - close and erase the date" Опыты выявили следующую ошибку (пытал 1.5.1): Нельзя удалить значения даты и времени, даже теперь, когда значение времени можно стереть. Т.е. пустые значения даты и времени не превращаются в БД в 0. Т.е. я стираю время, оставляя поле пустым, публикую страницу, но значение времени превращается в 00:00. А дата при ее удалении и публикации страницы вовсе не меняется.

Uch

#14 2013-01-15 15:17

Members
Thanked: 7 times

Здесь: http://macik.github.com/cot_ui_datetime/demo.html есть эта фраза: "ctrl+end - close and erase the date"
Опыты выявили следующую ошибку (пытал 1.5.1):
Нельзя удалить значения даты и времени, даже теперь, когда значение времени можно стереть. Т.е. пустые значения даты и времени не превращаются в БД в 0.
Т.е. я стираю время, оставляя поле пустым, публикую страницу, но значение времени превращается в 00:00. А дата при ее удалении и публикации страницы вовсе не меняется.

Macik	#15 2013-01-15 16:58
Team Thanked: 181 times	Обновил 1.5.1 (с датой действительно были проблемы, обнуление времени должно было работать и тогда). Обнови файл: https://raw.github.com/macik/cot_ui_datetime/v1.5.1/plugins/ui_datetime/js/ui_datetime.js (проверь, чтобы он не подгружался из кеша и т.п.) + поправил демо страницу. Проверил. Для наглядности исходные поля даты и времени оставил видимыми. Можно видеть как они синхронизированы. https://github.com/macik правильный хостинг — https://goo.gl/fjCa1F

Macik

#15 2013-01-15 16:58

Team
Thanked: 181 times

Обновил 1.5.1 (с датой действительно были проблемы, обнуление времени должно было работать и тогда).

Обнови файл: https://raw.github.com/macik/cot_ui_datetime/v1.5.1/plugins/ui_datetime/js/ui_datetime.js (проверь, чтобы он не подгружался из кеша и т.п.)

+ поправил демо страницу. Проверил. Для наглядности исходные поля даты и времени оставил видимыми. Можно видеть как они синхронизированы.

https://github.com/macik
правильный хостинг — https://goo.gl/fjCa1F

12>>>