手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >bootstrap datetimepicker2.3.11时间插件使用
bootstrap datetimepicker2.3.11时间插件使用
摘要:本文实例为大家分享了bootstrapdatetimepicker使用方法,供大家参考,具体内容如下时间插件之结束时间不能小于开始时间cha...

本文实例为大家分享了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); }); },

【bootstrap datetimepicker2.3.11时间插件使用】相关文章:

jQuery Timelinr实现垂直水平时间轴插件(附源码下载)

详解Angularjs filter过滤器

Angular中$compile源码分析

剖析Node.js异步编程中的回调与代码设计模式

jquery实现弹出层效果实例

日期函数扩展类Ver0.1.1

JS实现带缓冲效果打开、关闭、移动一个层的方法

实现高性能JavaScript之执行与加载

解决未知尺寸的图片撑破页面的问题

简介JavaScript中的setTime()方法的使用

精品推荐
分类导航