基于 Bootstrap Datetimepicker 聯動

來源：懂視網責編：小采時間：2020-11-27 22:33:34

基于 Bootstrap Datetimepicker 聯動

基于 Bootstrap Datetimepicker 聯動:先看一下層級聯動的案例先選擇前面時間后后面的時間不要超過前面的時間先選擇后面的時間后，前面的時間不要少于后面的時間下面看封裝代碼 function initDateTimePicker(startTime, endTime, timeFormat, minview) { $(star

推薦度：

點擊下載本文 文檔為doc格式

導讀基于 Bootstrap Datetimepicker 聯動:先看一下層級聯動的案例先選擇前面時間后后面的時間不要超過前面的時間先選擇后面的時間后，前面的時間不要少于后面的時間下面看封裝代碼 function initDateTimePicker(startTime, endTime, timeFormat, minview) { $(star

先看一下層級聯動的案例

先選擇前面時間后后面的時間不要超過前面的時間

先選擇后面的時間后，前面的時間不要少于后面的時間

下面看封裝代碼

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及起止時間雙向聯動公共方法 startTime:起始時間輸入框id號，例如：'#archiveStartTime'

endTime:結束時間輸入框id號，例如：'#archiveEndTime' timeFormat:時間格式，例如：'yyyy-mm-dd',

minview:最先顯示時間或者層級

總結

以上所述是小編給大家介紹的Bootstrap Datetimepicker 聯動，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com