先看一下层级联动的案例
先选择前面时间后,后面的时间不要超过前面的时间
先选择后面的时间后,前面的时间不要少于后面的时间
下面看封装代码
函数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> 代码:时间格式,例如:“yyyy-mm-dd”,
, minview:最先显示时间或者层级
以上所述是小编给大家介绍的引导Datetimepicker联动,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!