http://www.layui.com/laydate/
var startDate= laydate.render({//渲染开始时间选择
elem: '#beginOnTime'//通过id绑定html中插入的start
,event: 'focus' //响应事件。如果没有传入event,则按照默认的click
,format : 'yyyy-MM-dd' //日期格式
,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: '#endOnTime',//通过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
}
}
});
elem: '#beginOnTime'//通过id绑定html中插入的start
,event: 'focus' //响应事件。如果没有传入event,则按照默认的click
,format : 'yyyy-MM-dd' //日期格式
,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: '#endOnTime',//通过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
}
}
});
layui日期组件联动

本文介绍如何使用layui的laydate插件实现开始与结束日期的选择联动功能。通过设置开始日期的最大值和结束日期的最小值来确保所选日期范围的合理性。

被折叠的 条评论
为什么被折叠?



