jquery日期选择器,jquery日期选择控件,jquery,日期选择1.html文件,index.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./jquery-1.12.4.min.js"></script> <script src="./pickDater.js"></script> <style> body{position: absolute;width: 100%;height: 100%} ul{list-style: none;margin: 0} </style></head><body><input id="pickDater" style="font-size: 50px;"></body></html> 查看效果时候把浏览器调成手机模式 2.插件 链接地址:http://files.cnblogs.com/files/jiebba/pickDater.js , 引用插件 3.调用插件 1.调用 日期 var opt={ startY:1990, //开始时间 endY:2050, //结束事件 mPickerType:1, separator:'/' //日期分割符 } $('#pickDater').mPickDater(opt); 2.调用 时间 var opt={ startY:1990, //开始时间 endY:2050, //结束事件 mPickerType:2, separator:'/' //日期分割符 } $('#pickDater').mPickDater(opt); 3.调用 日期和时间 var opt={ startY:1990, //开始时间 endY:2050, //结束事件 mPickerType:3, separator:'/' //日期分割符 } $('#pickDater').mPickDater(opt); 代码仅供参考,具体功能可以自己扩展。 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持wanshiok.com! jquery日期选择器,jquery日期选择控件,jquery,日期选择
|