如果你正在创建一个网络表单,有很多事情你需要在你的应用程序中使用。有时您需要特别的输入,从用户的日期和时间,如发票日期,生日,交货时间,或任何其他此类信息。如果你有这样的需要,可以极大地从动态的jQuery日期时间选择器插件效益。

有几个jQuery开源插件在网上可以用于此目的的。但由于选择的数量,你可能需要点帮助筛选好于平均。这就是为什么我们必须拿起最有效的jQuery插件为您的形式和网页建设可靠的日期选择器。这些插件中的大多数是在下拉日历的形式。然而,你也可以自定义他们几乎尽可能多的方式,你想满足你的需要。这里介绍的每一个插件都很简单,把你的网络表单包含在这里。一旦应用,很可能你会想坚持他们。如果你正在寻找的日期时间选择器插件,工作很快在网页和易于定制,这里是清单。

1.Timepicki

timepicki空闲时间选择器的jQuery插件,它是简单和干净的时间选择,用户可以了解设置在输入表单项目时间。

在线预览

2.Anytime

任何+时间™JavaScript库,包括一个高度可定制的,jQuery DatePicker和TimePicker兼容(日历/时钟)和一个强大的日期字符串解析/格式工具。

在线预览

3.Multiday Calendar Datepicker

Multiday Calendar Datepicker是指多天,多个动画DatePicker的jQuery插件,重量在与未压缩的开发版本的文件。

在线预览

4.jQuery TimePicker Plugin

时间选择是一个jQuery插件帮助用户轻松输入时间条目。它允许用户类型次自由格式或选择从下拉菜单。

在线预览

5.jDigiClock

jDigiClock 是个jQuery 日历时钟插件,灵感来源于 HTC 的大时钟部件。

在线预览

6.Zebra Date Picker

zebra_datepicker是一种小型的、紧凑的、高度可配置的DatePicker的jQuery插件,用来为他们添加Datepicker功能丰富形式。这个jQuery插件会自动添加一个日历图标来指示输入字段,点击后会打开附件DatePicker。用户可以很容易地跳个月和年之间由于Datepicker的直观的界面。选择的日期将在输入域中输入使用选择日期格式,在什么控件的选项配置。

在线预览

7.Datepicker-Bootstrap

Bootstrap DatePicker提供引导式柔性DatePicker控件。

在线预览

8.Timepicker-Bootstrap

Timepicker-Bootstrap是一个简单的时间选择推特引导组件。

在线预览

9.glDatePicker

glDatePicker一个超简单的,可定制的,轻量级的日期选择插件。

在线预览

10.jQuery Simple Datetime Picker

jquery-simple-datetimepicker 是一个非常简洁的 jQuery 日期时间选择器插件。

在线预览

11.Continuous Calendar

Continuous calendar是一个日期多选控件,利用页面滚动来代替按月翻页。支持一次选择多个日期。支持各种不同的日期格式。

在线预览

12.TimeTo

TimeTo是jQuery插件-倒计时的数字钟

在线预览

13.Ion.Calendar

日历和DatePicker,基于时间moment.js强大的图书馆

在线预览

14.Date Time Picker

DateTimePicker控件,控件一般用于让用户可以从日期列表中选择单个值。运行时,单击控件边上的下拉箭头,会显示为两个部分:一个下拉列表,一个用于选择日期的。

在线预览

15.PickMeUp

pickmeup是个很简单的,强大的和可定制的日期选择插件,允许单选日期、多选日期、区间选择。

在线预览

16.Reading Time

一个简单的,轻量级的jQuery插件,用来显示一个估计的时间去阅读一些文字。

在线预览

17.Mobiscroll

欢迎来到mobiscroll API参考。你可以找到最新的关于使用和定制选项的日期信息。

在线预览

18.Flipclock.js

FlipClock.js 是一个制作精美时钟,定时器和倒计时的 jQuery 插件,并且可以完全通过 CSS 进行定制。有设置为自动启动,存在多种方法控制(启动,停止,getTime,setTime..),支持回调函数,此外,它还有一个全功能的API,能够进一步扩展功能。

在线预览

19.flipCountDown

jQuery的插件插件jquery.flipcountdown翻转倒计时时钟或定时器,计数器不寻常的复古时钟倒计时的来源或下载jQuery插件.

在线预览

20.Pikaday

一个清爽的JavaScript DatePicker轻、无依赖性、模块化的CSS。

在线预览

21.DateTime Picker

基于响应平面设计为Web和移动的日期时间选择器jQuery。

在线预览

22.Datepair

一种智能选择日期和时间范围的JavaScript插件,灵感来自谷歌日历。

在线预览

23.ClockPicker

ClockPicker是一个引导时钟式时间选择(或Jquery)。

在线预览

24.Rome

日期(时间)选择器。选择的用户界面,没有jQuery!

在线预览

本文固定链接: http://www.i7758.com/archives/2409.html

24款最好的jQuery日期时间选择器插件的更多相关文章

  1. flatpickr功能强大的日期时间选择器插件

    flatpickr日期时间选择器支持移动手机,提供多种内置的主题效果,并且提供对中文的支持.它的特点还有: 使用SVG作为界面的图标. 兼容jQuery. 支持对各种日期格式的解析. 轻量级,高性能, ...

  2. 日期时间选择器插件flatpickr

    前言:在网页上需要输入时间的时候,我们可以用HTML5的inputl中的date类型.但是如下入所示,有些浏览器不支持.flatpickr这个小插件可以解决这个问题. 1.flatpickr日期时间选 ...

  3. 移动端lCalendar纯原生js日期时间选择器

    网上找过很多的移动端基于zepto或jquery的日期选择器,在实际产品中也用过一两种,觉得都不太尽如人意,后来果断选择了H5自己的日期input表单,觉得还可以,至少不用引用第三方插件了,性能也不错 ...

  4. jquery日期时间控件

    代码下载地址:  jquery日期时间控件下载地址 .  工作中用到, 这里分享一下, 避免重复摸索劳动. 一. HTML 文件    <!DOCTYPE HTML PUBLIC "- ...

  5. Android日期时间选择器实现以及自定义大小

    本文主要讲两个内容:1.如何将DatePicker和TimePicker放在一个dialog里面:2.改变他们的宽度: 问题1:其实现思路就是自定义一个Dialog,然后往里面同时放入DatePick ...

  6. Bootstrap-datepicker日期时间选择器的简单使用

    日期时间选择器 目前,bootstrap有两种日历.datepicker和datetimepicker,后者是前者的拓展. Bootstrap日期和时间组件: 使用示例: 从左到右依次是十年视图.年视 ...

  7. 解决elementui日期时间选择器提交时与后台date类型不匹配问题

    问题描述: 在前端使用elementui的日期时间选择器后,在通过axios进行提交的时候,前端控制台出现了400(数据类型不匹配的错误)的错误. <el-form-item label=&qu ...

  8. Android中实现日期时间选择器(DatePicker和TimePicker)

    利用Android应用框架提供的DatePicker(日期选择器)和TimePicker(时间选择器),实现日期时间选择器. Dialog的Content布局文件(date_time_dialog.x ...

  9. elementUI 日期时间选择器 只能选择当前及之后的时间

    日期时间选择器  只能选择当前及之后的时间 <el-date-picker class="input-border-null" prefix-icon="el-ic ...

随机推荐

  1. java中使用switch-case的用法及注意事项超全总结

    http://m.blog.csdn.net/blog/tianyazaiheruan/8988420 今天陈红军老师在用到switch的时候,这种设计到最基本的内容,可能忘记它的一些基本语法,出现了 ...

  2. 操作系统概述(os 笔记一)

    操作系统概述 操作系统的目标和功能 1.目标:作为用户/计算机接口 ​ 计算机的使用人群大致可以分为三类,终端用户,程序开发者,操作系统设计人员. 对于终端用户,即应用程序的用户来说,他们通常不关注计 ...

  3. class.forName的作用?

    调用该访问 返回一个以字符串指定类名的类的对象. 返回字节码,返回字节码的方式有几种: ①:这份字节码曾经被加载过已经存在java虚拟机中了直接返回. ②:java虚拟机中还没有这份字节码,用类加载器 ...

  4. BZOJ.3809.Gty的二逼妹子序列(分块 莫队)

    题目链接 /* 25832 kb 26964 ms 莫队+树状数组:增加/删除/查询 都是O(logn)的,总时间复杂度O(m*sqrt(n)*logn),卡不过 莫队+分块:这样查询虽然变成了sqr ...

  5. [BZOJ4987]Tree

    题目大意: 给定一棵\(n(n\le3000)\)个点的带边权的树,找出\(k\)个点\(A_{1\sim k}\)使得\(\sum_{1\le i<k} dis(A_i,A_i+1)\)最小. ...

  6. Scrapy爬虫框架的安装

    Scrapy框架是我在Windows中遇到的最难安装的第三方库,一直不想写这篇博客,但碰巧今天重装了系统,这正好是个机会? 1.安装pywin32:https://sourceforge.net/pr ...

  7. node+koa2 向页面传值方式

    1. router.post('/form',async(ctx,next)=>{ const form = ctx.request.body; console.log('用户名:'+form. ...

  8. BZOJ2509 : 送分题

    求出每个点向上下左右能延伸的最大长度$left$.$right$.$up$.$down$. 枚举每一条对角线,如果$j$可以作为左上角,$i$可以作为右下角,那么有: $j+\min(down[j], ...

  9. [Visual studio] Visual studio 2017添加引用时报错未能正确加载ReferenceManagerPackage包的解决方法

    转载原文:http://www.ynpxrz.com/n1806804c2023.aspx 1.打开VS2017下的Developer Command Prompt for VS 2017 2.然后在 ...

  10. 解决qt提示:qt.network.ssl: QSslSocket: cannot call unresolved function DH_free

    方法一(解决):把C:\Qt\Qt5.8.0\Tools\QtCreator\bin下的libeay32.dll和ssleay32.dll库复制到C:\Qt\Qt5.8.0\5.8\msvc2015_ ...