基于引导Datetimepicker联动

  

先看一下层级联动的案例

  

先选择前面时间后,后面的时间不要超过前面的时间

  

先选择后面的时间后,前面的时间不要少于后面的时间

  

下面看封装代码

        函数initDateTimePicker(开始时间,endTime、timeFormat minview) {   $(开始时间).datetimepicker(“删除”);   $(开始时间).datetimepicker ({   语言:sessionStorage.getItem(“郎”),   autoclose:没错,   todayHighlight:没错,   endDate:新日期(),   格式:timeFormat,   startView: minview,   minView: minView,   })。(“changeDate”功能(){=https://www.yisu.com/zixun/$ var值(开始时间).val ();   $ (endTime) .datetimepicker(“删除”);   $ (endTime) .datetimepicker ({   语言:sessionStorage.getItem(“郎”),   autoclose:没错,   todayHighlight:没错,   endDate:新日期(),   startDate可以:值,   格式:timeFormat,   startView: minview,   minView: minView,   })   });   $ (endTime) .datetimepicker(“删除”);   $ (endTime) .datetimepicker ({   语言:sessionStorage.getItem(“郎”),   autoclose:没错,   todayHighlight:没错,   endDate:新日期(),   格式:timeFormat,   startView: minview,   minView: minView,   })。(“changeDate”功能(){=https://www.yisu.com/zixun/$ var值(endTime) .val ();   $(开始时间).datetimepicker(“删除”);   $(开始时间).datetimepicker ({   语言:sessionStorage.getItem(“郎”),   autoclose:没错,   todayHighlight:没错,   endDate:值,   格式:timeFormat,   startView: minview,   minView: minView,   })   });   }      

初始化datetimepicker及起止时间双向联动公共方法开始时间:起始时间输入框id号,例如:“<代码> # archiveStartTime”

  

, endTime:结束时间输入框id号,例如:‘<代码> # archiveEndTime timeFormat>   

, minview:最先显示时间或者层级
  

  

  

以上所述是小编给大家介绍的引导Datetimepicker联动,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

基于引导Datetimepicker联动