layui 时间选择器 选完开始时间清空结束时间
时间: 2023-09-22 21:05:53 浏览: 260
带有开始时间和结束时间的日期选择器
3星 · 编辑精心推荐
您可以使用 layui 时间选择器的回调函数,来实现选择完开始时间后清空结束时间的效果。具体操作如下:
1. 在开始时间的时间选择器的配置项中,设置一个回调函数,例如 `start`:
```javascript
laydate.render({
elem: '#start',
done: function(value, date){
// 在回调函数中清空结束时间
$('#end').val('');
}
});
```
2. 在结束时间的时间选择器的配置项中,设置一个最小日期的限制,使其不能选择开始时间之前的日期:
```javascript
laydate.render({
elem: '#end',
min: $('#start').val() // 设置最小日期为开始时间
});
```
这样,当您选择完开始时间后,结束时间输入框会被清空,并且结束时间选择器会自动更新最小日期限制为选择的开始时间。这样可以确保用户不能选择开始时间之前的日期作为结束时间。
阅读全文