日期插件rolldate.js的使用
程序员文章站
2022-06-21 13:34:20
日期插件rolldate.js的使用 下载地址:http://www.jq22.com/jquery-info19834 效果: 代码: ......
日期插件rolldate.js的使用
下载地址:
效果:
代码:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <link rel="stylesheet" href="js/rolldate/rolldate.css" /> <title>日期插件</title> <style> input{ display: block; border-radius: 4px; outline: none; border: 1px solid #ccc; width: 200px; height: 30px; margin: 20px auto; padding-right: 10px; text-align: right; } </style> </head> <body> <input readonly type="text" id="date" placeholder="yy-mm-dd" /> <script src="js/jquery-3.2.1.min.js"></script> <script src="js/rolldate/rolldate.js"></script> <script> $(function() { new rolldate.date({ el: "#date", format: "yyyy-mm-dd", beginyear: 2000, endyear: 2100, theme: "blue", tapbefore: function(el) { console.log("插件开始触发"); }, moveend: function(el, iscroll) { console.log("滚动结束"); }, confirmbefore: function(el, date) { console.log("确定按钮触发"); }, confirmend: function(el, date) { console.log("插件运行结束"); } }); }); </script> </body> </html>
下一篇: 360手机N5s续航评测:放肆使用一天半
推荐阅读
-
jquery插件lazyload.js延迟加载图片的使用方法
-
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
-
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
-
腾讯电脑管家的清理插件功能使用介绍(问答式)
-
angular项目中bootstrap-datetimepicker时间插件的使用示例
-
jQuery ui插件的使用方法代码实例
-
使用 webpack 各种插件提升你的开发效率
-
使用aspose.word 第三方的插件实现导出word
-
在Android Studio中Parcelable插件的简单使用教程
-
CKeditor富文本编辑器使用技巧之添加自定义插件的方法