flatpickr时间插件
2017-02-09 15:05
381 查看
flatpickr功能强大的日期时间选择器插件
实例:
在线演示 :
http://www.niuqiqi.com/api/demo/index.php?url=/z-dm/2016/8/niuqiqi221430
flatpickr日期时间选择器插件的github地址为:https://github.com/chmln/flatpickr。
其他时间选择:
http://www.niuqiqi.com/html/down-tag-shijianxuanze.html
日期选择:
http://www.niuqiqi.com/html/down-tag-riqixuanze.html
实例:
<!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="utf-8" /> <title>时间插件应用</title> <link href="flatpickr/flatpickr.min.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="jquery-3.1.1.min.js"></script> <script type="text/javascript" src="flatpickr/l10n/zh.js"></script> <script type="text/javascript" src="flatpickr/flatpickr.min.js"></script> </head> <body> <form action=""> <label>时间插件应用</label> <input type="text" class="flatpickr"> </form> </body> <script type="text/javascript"> $(".flatpickr").flatpickr({ enableTime: true, locale: "zh", minuteIncrement: 1, time_24hr: true, }); </script> </html>
在线演示 :
http://www.niuqiqi.com/api/demo/index.php?url=/z-dm/2016/8/niuqiqi221430
flatpickr日期时间选择器插件的github地址为:https://github.com/chmln/flatpickr。
其他时间选择:
http://www.niuqiqi.com/html/down-tag-shijianxuanze.html
日期选择:
http://www.niuqiqi.com/html/down-tag-riqixuanze.html
相关文章推荐
- eclipse启动时间插件
- bootstrap-datetimepicker时间插件使用
- 关于YII中的时间插件不能修改年份的解决方法
- 超炫的时间轴jquery插件Timeline Portfolio
- 精心挑选12款优秀的 JavaScript 日历和时间选择插件
- 关于jQuery插件jTemplate中时间转换的问题
- 帮助你自动生成已经过去的时间的jQuery插件 - Smart Time Ago
- 基于jQuery UI Datepicker实现的时间插件
- bootstrap datetimepicker 插件怎样获取时间值
- JavaScript--时间显示小插件
- Jquery简单实用的WdatePicker时间插件
- Vue--moment时间格式插件安装和使用
- DatePicker时间插件全解(包括各种用法,设置,日期范围限制等)
- 12款优秀的 JavaScript 日历和时间选择插件(精心挑选)
- mobiscroll时间插件的用法
- input输入框My97时间插件与值得获取
- 百度WordPress结构化数据插件会延长文章发布时间
- AngularJS进阶(二十二)实现时间选择插件
- 基于jQuery的美食时间轴焦点图插件