秋天到了,枫树最引人注目了,她们的叶子都红了,一阵风吹过许多叶子就纷纷落了下来,飘在半空中像红色的蝴蝶一样在天空中飞舞,又好像是蝴蝶仙子下凡。
本文实例为大家分享了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时间插件使用请关注haodaima.com其它相关文章!




