bootstrap datetimepicker2.3.11时间插件使用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了bootstrap datetimepicker2.3.11时间插件使用,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1738字,纯文字阅读大概需要3分钟。
内容图文
![bootstrap datetimepicker2.3.11时间插件使用](/upload/InfoBanner/zyjiaocheng/349/5106833e7002466a88637a7af573e99a.jpg)
本文实例为大家分享了bootstrap datetimepicker使用方法,供大家参考,具体内容如下
时间插件之结束时间不能小于开始时间
changeDate: function (starttime,stoptime) { //判断时间的大小弹窗提示用户 var _t = this; if(stoptime != '' && starttime != ''){ if(stoptime < starttime){ $('#stop-date').val(''); $('#time').modal('show'); setTimeout(function(){($('#time').modal('hide'))},3000); return; } } },
timeDatapicker:function () { var _t = this; //this var startDate = $('#start-date'), //开始时间 stopDate = $('#stop-date'); //结束时间 startDate.datetimepicker({ format: 'yyyy-mm-dd', autoclose: true, minView: 2, language:'zh-CN' }).on('change',function () { //changeData方法写在change之后,是为了防止changeData有changge方法(避免冲突) var starttime = startDate.val(); var stoptime = stopDate.val(); _t.changeDate(starttime,stoptime); stopDate.datetimepicker('setStartDate',starttime); //结束时间的选择将以选择的开始时间为依据从新设置(等于开始 时间) }).on('changeDate',function () { var starttime = startDate.val(); stopDate.datetimepicker('setStartDate',starttime); //结束时间的选择将以选择的开始时间为依据从新设置(等于开始 时间) var stoptime = stopDate.val(); }); stopDate.datetimepicker({ format: 'yyyy-mm-dd', autoclose: true, minView: 2, language:'zh-CN' }).on('change',function () { var starttime = startDate.val(); var stoptime = stopDate.val(); _t.changeDate(starttime,stoptime,$(this)); }).on('changeDate',function () { var starttime = startDate.val(); var stoptime = stopDate.val(); startDate.datetimepicker('setEndDate',stoptime); stopDate.datetimepicker('setStartDate',starttime); }); },
如果大家还想深入学习,可以点击这里进行学习,再为大家附3个精彩的专题:
Bootstrap学习教程
Bootstrap实战教程
Bootstrap插件使用教程
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
内容总结
以上是互联网集市为您收集整理的bootstrap datetimepicker2.3.11时间插件使用全部内容,希望文章能够帮你解决bootstrap datetimepicker2.3.11时间插件使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。