根據選擇的開始時間控制可選擇的結束時間在一個月內
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>sites</title>
<script type="text/javascript" src="http://s.59pi.com/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://s.59pi.com/js/jquery/laydate/laydate.js"></script>
</head>
<body>
<input class="laydate-icon" name="begin_time" value="" placeholder="請輸入日期" id="start" type="text">
<span> - </span>
<input class="laydate-icon" name="end_time" value="" placeholder="請輸入日期" id="end" type="text">
</body>
<script type="text/javascript">
var start = {
elem: '#start', //id為star的輸入框
format: 'YYYY/MM/DD',
max: laydate.now(), //最大日期
istime: true,
istoday: false,
choose: function(datas){
var now = new Date(laydate.now().replace("-", "/")); //當前日期的date格式
var add=new Date(datas.replace("-", "/")); //選擇的日期
add= new Date(add.getTime() + 30*24*60*60*1000); //在選擇的日期+30天
if((now.getMonth() + 1)<(add.getMonth() + 1)){ //如果當前月份小於選擇月份
end.max = laydate.now(); //結束日的最大日期為當前日期
}else if ((now.getMonth() + 1)==(add.getMonth() + 1) && now.getDate()<add.getDate()) {
end.max = laydate.now();//月份相同且當前日小於選擇日
}
else {
add=add.getFullYear() + "/" + (add.getMonth() + 1) + "/"+ add.getDate();//轉換日期格式
end.max = add;//結束日的最大日期為選擇的日期+30天
}
end.min = datas;//開始日選好后，重置結束日的最小日期
}
};
var end = {
elem: '#end',
format: 'YYYY/MM/DD',
max: laydate.now(),
istime: true,
istoday: false,
choose: function(datas){
var min=new Date(datas.replace("-", "/"));
min= new Date(min.getTime() - 30*24*60*60*1000); //在日期-30天。
min=min.getFullYear() + "/" + (min.getMonth() + 1) + "/"+ min.getDate();
start.max = datas; //結束日選好后，重置開始日的最大日期
start.min = min;
}
};
laydate(start);
laydate(end);
</script>
</html>