laydate時間コントロール(開始日、終了日)

8016 ワード

JavaScript

公式アドレス:https://www.layui.com/laydate/
2つの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() //             
});

backbone.js初探侦