laydate時間控制元件 (開始日期、結束日期)
阿新 • • 發佈:2018-12-22
兩個input框,限制開始時間和結束時間
<input type="text" id='starttime' name='starttime' class="form-control input-date" />
<input type="text" id='endtime' name='endtime' class="form-control input-date"/>
控制元件限制可選擇的結束日期的最早時間 為 開始日期的時間
var startTime = laydate.render({
elem: '#starttime'
,type: 'datetime' //時間格式:yyyy/MM/dd HH:mm:ss
,done: function(value, date, endDate) {
endTime.config.min = {
year: date.year,
month: date.month - 1,//重點!!!
date: date.date,
hours:date.hours,
minutes:date.minutes,
seconds:date.seconds
}
var stime = new Date(Date.parse(value.replace("-", "/")));
var etime = new Date(Date.parse($("#endtime").val().replace("-", "/")));
if(stime>etime){ //開始時間若大於結束時間,則把開始時間的日期回填到結束時間
$("#endtime").val(value);
}
}
});
var endTime = laydate. render({
elem: '#endtime'
,min: $("#starttime").val() //可選擇的最小日期為開始日期
});