16 best jQuery Time Picker Time Selection plug-ins, jquerypicker

Source: Internet
Author: User
Tags jquery hosted

16 best jQuery Time Picker Time Selection plug-ins, jquerypicker

JQuery plug-ins can do many things for you, and you can easily integrate these plug-ins into your website. On the networkJQueryThere are many date selector and calendar plug-ins, but no satisfactory time selector plug-in can be found. Here we collect the best groupJQueryThe time selector plug-in list is shared with you.

Articles you may be interested in
  • Web Front-end developers and designers must read excellent article recommendations
  • Excellent jQuery Ajax paging plug-ins and tutorials carefully selected
  • 12 amazing creative 404 error page Designs
  • Let the website get started! 12 excellent jQuery animation plug-ins
  • 8 cutting-edge HTML5 & CSS3 effects [Source Code download]


1. jQuery Timepicker

Jquery. timepicker is a lightweight time picker plugin for jQuery hosted red 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 PM.

5. Bootstrap Date/Time Picker

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

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 in allows you to customize the text box. After clicking 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 to, the discount is valid from. buttons in time from to will be active; from to 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 known ented 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 popopoup 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 24 h 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 mizmizable, easily enough ded onto any project, it supports 12 h and 24 h time format, and it's super easy to translate to any language!


Articles you may be interested in
  • Useful jQuery effects in website development [Source Code]
  • Share 35 amazing CSS3 animation demos
  • Amazing 8 HTML5 & JavaScript Special Effects
  • 10 useful results in Web development [Source Code download]
  • 12 classic jQuery image carousel plug-ins


Link to this article: 15 best user experience and user interface tools and resources

Source: Dream sky ◆ focus on front-end development technology ◆ share web design resources

Source of this article [http://www.cnblogs.com/lhb25 /]

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.