首页 > 编程 > JavaScript > 正文

bootstrap datetimepicker2.3.11时间插件使用

2019-11-19 18:55:17
字体:
来源:转载
供稿:网友

本文实例为大家分享了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插件使用教程

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表