1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > JQuery手机版日期选择控件之jdate(jquery-date)

JQuery手机版日期选择控件之jdate(jquery-date)

时间:2023-11-21 01:09:11

相关推荐

JQuery手机版日期选择控件之jdate(jquery-date)

一、控件说明 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();

参数、方法说明

更多:

Bootstrap3 datetimepicker控件的使用

Bootstrap Table使用整理(六)-常用操作

Bootstrap相关整理、免费主题整理

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。