1.html

<input type="text" id="startTime" name="startTime" class="form-control" placeholder="開始時間">
<input type="text" id="endTime" name="endTime" class="form-control" placeholder="結束時間">

2.laydate的使用，控制開始日期的最大日期為當前日期。結束時間的范圍為開始時間到當前日期。

//laydate日期
var startDate = laydate.render({
  elem: '#startTime', //指定元素
  type: 'datetime',
  max:getNowFormatDate(),
  done: function (value, dates) { 	              
      endDate.config.min ={
               year:dates.year, 
               month:dates.month-1, //關鍵
               date: dates.date, 
               hours: 0, 
               minutes: 0, 
               seconds : 0
      };    
  }
});
var endDate = laydate.render({
	elem: '#endTime', //指定元素
	type: 'datetime',
	max:getNowFormatDate()
});
//獲取當前的日期時間 格式“yyyy-MM-dd HH:MM:SS”
function getNowFormatDate() {
    var date = new Date();
    var seperator1 = "-";
    var seperator2 = ":";
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    if (month >= 1 && month <= 9) {
        month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
    }
    var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
            + " " + date.getHours() + seperator2 + date.getMinutes()
            + seperator2 + date.getSeconds();
    return currentdate;
}

　　

總結

以上是生活随笔為你收集整理的laydate日期范围控制的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。