最近项目多用layui,就总结一下。
<div class="layui-input-inline">
<input type="text" class="layui-input" name="beginDate" id="beginDate" placeholder="">
</div>
<div class="layui-input-inline">
<input type="text" class="layui-input" name="endDate" id="endDate" placeholder="">
</div>
这是一个日期范围的laydate
layui.use('laydate', function () {
var laydate = layui.laydate;
//常规用法
var startTime=laydate.render({
elem: '#beginDate',
done: function (value, date) {
endTime.config.min = { //这里是选择了开始日期,结束日期要大于开始日期
year: date.year,
month: date.month - 1,//关键
date: date.date,
};
}
});
var endTime = laydate.render({
elem: '#endDate',
done: function (value, date) {
startTime.config.max = {
year: date.year,
month: date.month - 1,//关键
date: date.date,
};
}
});
});
1.done回调函数中,month的设置必须-1,否则设置无效
2.startTime.config.max=‘nowTime’不起作用
3.config.max或min方法中,可以根据实际需要选择是否对时分秒进行设置
4.laydate默认的按钮为:清空、现在、确定,默认值:[‘clear’, ‘now’, ‘confirm’] ,在这里要将清空、现在按钮取消,否则和时间范围限制冲突,且只能通过修改源码进行设置btns: [‘confirm’]只要确定按钮