Спеціальні поля введення часу з jQuery Timedropper
Деякі веб-форми вимагають вхідні дані на основі дати і плагіни вибору дати можуть допомогти з цим. Але, про що вхідні дані часу?
З безкоштовним плагіном jQuery Запіканка, можна додати індивідуальні збирачі часу для встановлення зустрічей, планування телефонних дзвінків або майже все, що потрібно.
Це неймовірно просто і ви потрібна лише бібліотека jQuery для початку. Після інсталяції цієї бібліотеки можна додати файли Timedropper JS / CSS і відпустити її. Це воно!
Кожне поле введення має бути націлений селектором jQuery який потім додає поле введення часу. Це має опції можна додати за допомогою додаткових (додаткових) функцій:
- Автоперемикач - автоматично змінює годину / хвилину під час підключення
- Меридіани - встановити 12-годинний годинник замість 24-годинного
- Формат - встановлює відображення годин і хвилин (стиль за умовчанням - 1:22)
- Колесо миші - дозволяє змінити час на основі прокручування коліс
- Init_animation - вмикає ефекти анімації
- setCurrentTime - автоматично додає поточний час до значення поля
Якщо ви ще більш сміливі можете змінити стиль використовуючи кілька попередньо упакованих тем, або навіть створюйте власний з нуля.
У морі плагінів jQuery, Timedropper - це коліна бджіл. Це дійсно пропонує унікальний інтерфейс для будь-якої програми, щоб вибрати час незалежно від пристрою.
Природно мобільний, тому він також працює на смартфонах і планшетах. Однак мені не подобається відсутність підтримки num pad. Це здається очевидним способом введення часу, тому без цієї функції він може відчувати себе обмежуючим.
Тим не менш, для унікальний інтерфейс а проста установка, Я рекомендую Timedropper для тих, хто готовий дати йому постріл.
Ви можете знайти весь вихідний код безкоштовно на GitHub, і ви знайдете неймовірно просту демонстрацію в цьому пера, вбудованому нижче.
Якщо у вас є які-небудь інші думки або пропозиції, не соромтеся поділитися з розробником на Twitter @felice_gattuso.