先看一下 層級聯(lián)動的案例
先選擇前面時間后 后面的時間不要超過前面的時間
先選擇后面的時間后，前面的時間不要少于后面的時間
下面看封裝代碼
function initDateTimePicker(startTime, endTime, timeFormat, minview) { $(startTime).datetimepicker("remove"); $(startTime).datetimepicker({ language: sessionStorage.getItem("lang"), autoclose: true, todayHighlight: true, endDate: new Date(), format: timeFormat, startView: minview, minView: minview, }).on("changeDate", function() { var value = $(startTime).val(); $(endTime).datetimepicker("remove"); $(endTime).datetimepicker({ language: sessionStorage.getItem("lang"), autoclose: true, todayHighlight: true, endDate: new Date(), startDate: value, format: timeFormat, startView: minview, minView: minview, }) }); $(endTime).datetimepicker("remove"); $(endTime).datetimepicker({ language: sessionStorage.getItem("lang"), autoclose: true, todayHighlight: true, endDate: new Date(), format: timeFormat, startView: minview, minView: minview, }).on("changeDate", function() { var value = $(endTime).val(); $(startTime).datetimepicker("remove"); $(startTime).datetimepicker({ language: sessionStorage.getItem("lang"), autoclose: true, todayHighlight: true, endDate: value, format: timeFormat, startView: minview, minView: minview, }) }); } 初始化datetimepicker及起止時間雙向聯(lián)動公共方法 startTime:起始時間輸入框id號，例如：'#archiveStartTime'
endTime:結(jié)束時間輸入框id號，例如：'#archiveEndTime' timeFormat:時間格式，例如：'yyyy-mm-dd',
minview:最先顯示時間 或者層級
總結(jié)
以上所述是小編給大家介紹的Bootstrap Datetimepicker 聯(lián)動，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
