1. 程式人生 > >laydate時間控制元件 (開始日期、結束日期)

laydate時間控制元件 (開始日期、結束日期)

兩個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() //可選擇的最小日期為開始日期 });