bootstrap datetimepicker2.3.11时间插件使用

前端之家收集整理的这篇文章主要介绍了bootstrap datetimepicker2.3.11时间插件使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了bootstrap datetimepicker使用方法,供大家参考,具体内容如下

时间插件之结束时间不能小于开始时间

提示用户 var _t = this; if(stoptime != '' && starttime != ''){ if(stoptime < starttime){ $('#stop-date').val(''); $('#time').modal('show'); setTimeout(function(){($('#time').modal('hide'))},3000); return; } } },
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',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',starttime);
});

},

如果大家还想深入学习,可以点击进行学习,再为大家附3个精彩的专题:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/bootstrap/44365.html

猜你在找的Bootstrap相关文章