Домашня » Інструментарій » Спеціальні поля введення часу з jQuery Timedropper

    Спеціальні поля введення часу з jQuery Timedropper

    Деякі веб-форми вимагають вхідні дані на основі дати і плагіни вибору дати можуть допомогти з цим. Але, про що вхідні дані часу?

    З безкоштовним плагіном jQuery Запіканка, можна додати індивідуальні збирачі часу для встановлення зустрічей, планування телефонних дзвінків або майже все, що потрібно.

    Це неймовірно просто і ви потрібна лише бібліотека jQuery для початку. Після інсталяції цієї бібліотеки можна додати файли Timedropper JS / CSS і відпустити її. Це воно!

    Кожне поле введення має бути націлений селектором jQuery який потім додає поле введення часу. Це має опції можна додати за допомогою додаткових (додаткових) функцій:

    • Автоперемикач - автоматично змінює годину / хвилину під час підключення
    • Меридіани - встановити 12-годинний годинник замість 24-годинного
    • Формат - встановлює відображення годин і хвилин (стиль за умовчанням - 1:22)
    • Колесо миші - дозволяє змінити час на основі прокручування коліс
    • Init_animation - вмикає ефекти анімації
    • setCurrentTime - автоматично додає поточний час до значення поля

    Якщо ви ще більш сміливі можете змінити стиль використовуючи кілька попередньо упакованих тем, або навіть створюйте власний з нуля.

    У морі плагінів jQuery, Timedropper - це коліна бджіл. Це дійсно пропонує унікальний інтерфейс для будь-якої програми, щоб вибрати час незалежно від пристрою.

    Природно мобільний, тому він також працює на смартфонах і планшетах. Однак мені не подобається відсутність підтримки num pad. Це здається очевидним способом введення часу, тому без цієї функції він може відчувати себе обмежуючим.

    Тим не менш, для унікальний інтерфейс а проста установка, Я рекомендую Timedropper для тих, хто готовий дати йому постріл.

    Ви можете знайти весь вихідний код безкоштовно на GitHub, і ви знайдете неймовірно просту демонстрацію в цьому пера, вбудованому нижче.

    Якщо у вас є які-небудь інші думки або пропозиції, не соромтеся поділитися з розробником на Twitter @felice_gattuso.