easy ui 开始时间和结束时间校验
时间: 2023-09-08 13:08:30 浏览: 42
可以通过在开始时间和结束时间的输入框中添加事件监听器来进行校验,比如在开始时间输入框中添加onchange事件,当开始时间改变时触发事件,然后在事件处理程序中获取开始时间和结束时间,进行比较,如果开始时间晚于结束时间,则提示用户输入有误。
示例代码:
```html
<label for="start-time">开始时间:</label>
<input type="datetime-local" id="start-time" onchange="checkTime()">
<label for="end-time">结束时间:</label>
<input type="datetime-local" id="end-time" onchange="checkTime()">
<script>
function checkTime() {
var startTime = document.getElementById("start-time").value;
var endTime = document.getElementById("end-time").value;
if (startTime > endTime) {
alert("开始时间不能晚于结束时间!");
document.getElementById("start-time").value = "";
document.getElementById("end-time").value = "";
}
}
</script>
```
在上述示例中,当开始时间晚于结束时间时,会弹出一个提示框,并清空开始时间和结束时间的输入框。你可以根据实际需求进行修改。