天天看点

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

您可能感兴趣的相关文章

<a href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端开发人员和设计师必读精华文章推荐</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html" target="_blank">精心挑选的优秀jQuery Ajax分页插件和教程</a>

<a href="http://www.yyyweb.com/271.html" target="_blank">12个让人惊叹的的创意的 404 错误页面设计</a>

<a href="http://www.cnblogs.com/lhb25/p/12-jquery-animation-plugins.html" target="_blank">让网站动起来!12款优秀的 jQuery 动画插件</a>

<a href="http://www.yyyweb.com/377.html" target="_blank">8个前沿 HTML5 &amp; CSS3 效果【附源码下载】</a>

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

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.

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

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.

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

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

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

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.

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

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

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

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.

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

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

16款最佳的 jQuery 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)).

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

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.

16款最佳的 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.

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

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.

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

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.

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

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.

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

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.

16款最佳的 jQuery 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款最佳的 jQuery 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!

<a href="http://www.cnblogs.com/lhb25/p/amazing-jquery-effects.html" target="_blank">网站开发中很有用的 jQuery 效果【附源码】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html" target="_blank">分享35个让人惊讶的 CSS3 动画效果演示</a>

<a href="http://www.yyyweb.com/492.html" target="_blank">十分惊艳的8个 HTML5 &amp; JavaScript 特效</a>

<a href="http://www.cnblogs.com/lhb25/p/10-useful-web-effect.html">Web 开发中很实用的10个效果【源码下载】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html" target="_blank">12款经典的白富美型 jQuery 图片轮播插件</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程师和设计师必读精华文章推荐</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷!15个精美的 HTML5 单页网站作品欣赏</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫!35个让人惊讶的 CSS3 动画效果演示</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">赞!30个与众不同的优秀视差滚动效果网站</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓!25个优秀的国外单页网站设计作品欣赏</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帅!8个惊艳的 HTML5 和 JavaScript 特效</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">顶!35个很漂亮的国外 Flash 网站作品欣赏</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇!34个漂亮网站和应用程序后台管理界面</a>

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

<a href="http://www.yyyweb.com/go/web" target="_blank">本博客新站点 ◆ 前端里 ◆ 欢迎围观:)</a>

欢迎任何形式的转载,但请务必注明出处。

继续阅读