一、控件说明 jdate(jquery-date)
注:当前控件兼容支持手机浏览器,常用选择即可支持。
git源代码地址:
/weijhfly/jqueryDatePlugin
如果是在vue或其他模块开发的项目中,参考git中的使用说明。
在html中使用,比较简单,引用jquery控件后,再引用jdate控件
<script src="/scripts/plugins/jdate.min.js"></script>
使用使用方法很简单:
var jd = new Jdate({el: '#dateOne',format: 'YYYY-MM-DD',});
使用效果:
二、使用示例
<form><div class="form-group"><label for="exampleInputEmail1">日期</label><input type="text" class="form-control" id="dateOne" placeholder="请选择日期" aria-describedby="emailHelp"><small id="emailHelp" class="form-text text-muted">日期格式:yyyy-MM-dd</small></div><button type="submit" class="btn btn-primary">Submit</button></form><script>var jd = new Jdate({el: '#dateOne',format: 'YYYY-MM-DD',});</script>
官方示例:
//完整参数、方法示例var jd = new Jdate({el: '#date',format: 'YYYY-MM-DD',beginYear: 2000,endYear: 2100,minStep:1,lang:{title:'自定义标题'},trigger:'tap',init: function() {console.log('插件开始触发');},moveEnd: function() {console.log('滚动结束');},confirm: function(date) {console.log('确定按钮触发');},cancel: function() {console.log('插件运行取消');}})jd.show();jd.hide();
参数、方法说明
更多: