16款最佳的 jQuery Time Picker 時(shí)間選擇插件

jQuery 插件可以為你做許多事情，你可以很容易地把這些插件集成到您的網(wǎng)站。網(wǎng)絡(luò)上的 jQuery 日期選擇器和日歷插件很多，但找不到很滿意的時(shí)間選擇器插件。在這里，我們收集了最好的一組 jQuery 時(shí)間選擇器插件列表分享給大家。

　　jQuery 插件可以為你做許多事情，你可以很容易地把這些插件集成到您的網(wǎng)站。網(wǎng)絡(luò)上的 jQuery 日期選擇器和日歷插件很多，但找不到很滿意的時(shí)間選擇器插件。在這里，我們收集了最好的一組 jQuery 時(shí)間選擇器插件列表分享給大家。

您可能感興趣的相關(guān)文章

1. jQuery Timepicker

jquery.timepicker is a lightweight time picker plugin for jQuery inspired by Google Calendar. It supports both mouse and keyboard navigation, and weighs in at 2.7kb minified and gzipped.

2. Combodate

Combodate is a jQuery plugin to create dropdown date and time picker. This plugin converts input type=”text” into dropdown elements to pick day, month, year, hour, minutes and seconds.

3. Wickedpicker

Wickedpicker is a simple jQuery timepicker that will add class to your website with a dead simple interface.

4. Timepicker

jQuery TimePicker is a plugin to help users easily input time entries. It works by allowing the user to type times in a free format or selecting them from a dropdown menu. The plugin will automatically convert all time entries using a format that can be changed passing the timeFormat option; the default value is hh:mm p which will give something like 02:16 PM.

5. Bootstrap Date/Time Picker

Date/time picker widget based on Bootstrap. It has public API and has many options to customize.

6. Timepicki

Timepicki – free Time picker jquery plugin, it is simple and clean timepicker so user can understand to set time for your project in input forms.

7. Clock Picker

ClockPicker is a clock-style timepicker for Bootstrap (or jQuery).

8. TimePicker

This plugin allows you to customize the text box. After click on them you see the window, where you can select the destination time.
Plugin breaks 24 hours to the minute with the desired interval. It is possible to highlight certain time periods, i.e. available time or blocked intervals(for example: from 10:00 to 23:00, the discount is valid from 10:00 to 13:00. Buttons in time from 10:00 to 23:00 will be active; from 10:00 to 13:00 will be selected (default red)).

9. jQuery UI Timepicker

This is a jQuery UI time picker plugin built to match with other official jQuery UI widgets. Based on the existing date picker, it will blend nicely with your form and use your selected jQuery UI theme. The plugin is very easy to integrate in your form for time (hours / minutes) inputs.

10. jQuery Time Picker

It is an easy to use time picker plugin which comes with several options, its slider works with keyboard cursors, it is useful and intuitive, comes with well documented source code.

11. tidyTimes.js

tidyTime.js is a jQuery plugin, that provides a more friendly way of displaying time updates to users.
tidyTime.js takes any regular time and changes it into more human friendly dialogue such as “It’s just gone noon. It’s quarter past 8 in the evening, it’s nearly half past 4 in the afternoon, it’s just gone 25 to 6” and more.

12. oClock

oClock is a shiny analog time picker that provides user select time easily. It converts your inputs into an analog clock like date pickers does. oClock supports 12 and 24 hour formats, comes with 5 different clock faces, provide users to select one minute intervals and supports all major browsers.

13. ptTimeSelect

jQuery.ptTimeSelect is called agaist input fields to attach a Time Select widget to each matched element. Each element, when focused upon, will display a time selection popoup where the user can define a time.

14. jQuery Timeinput

jQuery timeInput is a time picker plugin for jQuery based on the HTML5 spec, but it’s backwards compatible with older browsers. Just a simple dropdown with suggested times in 24h format. The HTML5 spec doesn’t allow am/pm or localized time syntax, so it only allows the format hh:mm.

15. jQuery Simple TimePicker

It is a really simple picker to select a time. The plugin creates 2 selectors: hour, minute. After you select a time with these selectors, it puts the result time string in an output field. You can send or serialize your form normally.

16. Metro Date Time Picker

Metro DateTime Picker is a jQuery extension which enables your users to easily select a date, a time, or both!
It’s based on the beautiful and clean Metro design principles, and the picker on Windows Phone.
It’s highly customizable, easily included onto any project, it supports 12h and 24h time format, and it’s super easy to translate to any language!