html:
<div >
<input type="text" id="start" placeholder="开始时间 " style="text-align:center" readonly="true" />
<div class="cut-line"></div>
<input type="text" id="end" placeholder="结束时间 " style="text-align:center" readonly="true" />
</div>
js:
var startDate= laydate.render({//渲染开始时间选择
elem: '#start'//通过id绑定html中插入的start
, type: 'date'
,max:"2099-12-31"//设置一个默认最大值
,
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: '#end',//通过id绑定html中插入的end
type: 'date',
min:"1970-1-1",//设置min默认最小值
done: function (value, dates) {
startDate.config.max={
year:dates.year,
month:dates.month-1,//关键
date: dates.date,
hours: 0,
minutes: 0,
seconds : 0
}
}
});
以上js脚本来自http://blog.csdn.net/z880698223/article/details/78523258,实际用时发现,选择时间后再清空就会有问题。
改为如下样式才解决了问题:
var startDate= laydate.render({//渲染开始时间选择
elem: '#start'//通过id绑定html中插入的start
, type: 'datetime'
,max:"2099-12-31"//设置一个默认最大值
,
done: function (value, dates) {
endDate.config.min ={
year:dates.year,
month:dates.month-1, //关键
date: dates.date,
hours: dates.hours,
minutes: dates.minutes,
seconds : dates.seconds
};
}
});
var endDate= laydate.render({//渲染结束时间选择
elem: '#end',//通过id绑定html中插入的end
type: 'datetime',
min:"1970-1-1",//设置min默认最小值
done: function (value, dates) {
/*
if(value==''){
startDate.config.max={
year:2099,
month:12-1,//关键
date: 31,
hours: 0,
minutes: 0,
seconds : 0
}
}else{
startDate.config.max={
year:dates.year,
month:dates.month-1,//关键
date: dates.date,
hours: dates.hours,
minutes: dates.minutes,
seconds : dates.seconds
}
}
*/
if(value==''){
startDate.config.max=endDate.config.max;
}else{
startDate.config.max=endDate.config.dateTime;
}
}
});