bootstrap datetimepicker2.3.11时间插件使用

网络编程 2021-07-04 19:19www.168986.cn编程入门
这篇文章主要为大家详细介绍了bootstrap datetimepicker2.3.11时间插件使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

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

changeDate: function (starttime,stime) {      //判断时间的大小弹窗提示用户
 var _t = this;
  if(stime != '' && starttime != ''){
   if(stime < starttime){
    $('#s-date').val('');
    $('#time').modal('show');
    setTimeout(function(){($('#time').modal('hide'))},3000);
    return;
   }
  }
 },
 timeDatapicker:function () {
  var _t = this;           //this
  var startDate = $('#start-date'),      //开始时间
   sDate = $('#s-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 stime = sDate.val();
   _t.changeDate(starttime,stime);
   sDate.datetimepicker('setStartDate',starttime); //结束时间的选择将以选择的开始时间为依据从新设置(等于开始 时间)

  }).on('changeDate',function () {
   var starttime = startDate.val();
   sDate.datetimepicker('setStartDate',starttime); //结束时间的选择将以选择的开始时间为依据从新设置(等于开始 时间)
   var stime = sDate.val();
  });

  sDate.datetimepicker({
   format: 'yyyy-mm-dd',
   autoclose: true,
   minView: 2,
   language:'zh-CN'
  }).on('change',function () {
   var starttime = startDate.val();
   var stime = sDate.val();
   _t.changeDate(starttime,stime,$(this));

  }).on('changeDate',function () {

   var starttime = startDate.val();
   var stime = sDate.val();
   startDate.datetimepicker('setEndDate',stime);
   sDate.datetimepicker('setStartDate',starttime);
  });

 },

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

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

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by