laydate日期范围控制

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;
}

  

posted @ 2018-08-15 16:49  小伍w  阅读(8752)  评论(0编辑  收藏  举报