返回首页 |

合作共赢、快速高效、优质的网站建设提供商

更多精品源码-尽在织梦模板-www.moke8.com

网站开发基于 Bootstrap Datetimepicker 联动

时间:2017-09-05 编辑:admin

先看一下 层级联动的事例

先挑选前面www.b77.com时刻后 后面的时刻不要超越前面的时刻

先挑选后面的时刻后,前面的时刻不要少于后面的时刻

下面看封装代码

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-d***********>minview:最先显现时刻 或许层级


浏览:

网站建设

流程

    网站建设流程