16款最佳的 jQuery Time Picker 时间选择插件

简介:   jQuery 插件可以为你做许多事情,你可以很容易地把这些插件集成到您的网站。网络上的 jQuery 日期选择器和日历插件很多,但找不到很满意的时间选择器插件。 在这里,我们收集了最好的一组 jQuery 时间选择器插件列表分享给大家。

  jQuery 插件可以为你做许多事情,你可以很容易地把这些插件集成到您的网站。网络上的 jQuery 日期选择器和日历插件很多,但找不到很满意的时间选择器插件。 在这里,我们收集了最好的一组 jQuery 时间选择器插件列表分享给大家。

您可能感兴趣的相关文章

 

1. jQuery Timepicker

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
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
Wickedpicker is a simple jQuery timepicker that will add class to your website with a dead simple interface.

4. Timepicker

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

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

6. Timepicki

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
ClockPicker is a clock-style timepicker for Bootstrap (or jQuery).

8. TimePicker

time picker
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

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

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

tidytimejs
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
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
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
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

jquery simple time picker
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 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!

 

您可能感兴趣的相关文章

 

本文链接:15个最佳的用户体验和用户界面工具和资源 

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

本文出处【http://www.cnblogs.com/lhb25/

相关文章
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
58 0
|
JavaScript
jQuery 自定义插件
jQuery 自定义插件
49 0
|
6月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
1月前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
62 2
|
5月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
63 1
|
1月前
|
JavaScript 前端开发
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒)
47 4
jQuery Growl 插件(消息提醒)
|
1月前
|
存储 JSON JavaScript
jQuery Cookie 插件
jQuery Cookie 插件
42 4
jQuery Cookie 插件
|
20天前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
30 0
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
Validform jQuery插件详解
【8月更文挑战第21天】
|
5月前
|
JavaScript Perl PHP
一篇文章讲明白jQuery插件之jqueryeditableplugin
一篇文章讲明白jQuery插件之jqueryeditableplugin
34 0