jQuery mobile插件设置一个开始时间一个结束时间,结束时间必须在开始时间之后
时间: 2023-11-14 17:17:55 浏览: 34
您可以使用jQuery的Date对象来比较开始时间和结束时间。您可以将输入框的值解析为Date对象,然后使用Date对象的比较函数来比较两个时间。以下是一个示例代码:
```javascript
// 获取开始时间和结束时间的输入框
var startTimeInput = $('#startTime');
var endTimeInput = $('#endTime');
// 当输入框失去焦点时,检查时间是否合法
startTimeInput.blur(checkTimeValidity);
endTimeInput.blur(checkTimeValidity);
function checkTimeValidity() {
// 解析输入框的值为Date对象
var startTime = new Date('2000/01/01 ' + startTimeInput.val());
var endTime = new Date('2000/01/01 ' + endTimeInput.val());
// 检查时间是否合法
if (startTime >= endTime) {
alert('结束时间必须在开始时间之后');
// 清空输入框的值
startTimeInput.val('');
endTimeInput.val('');
}
}
```
以上代码假设输入框的id分别为`startTime`和`endTime`。在输入框失去焦点时,会调用`checkTimeValidity`函数来检查时间是否合法。该函数会将输入框的值解析为Date对象,然后使用`>=`运算符比较两个时间。如果结束时间在开始时间之前,就会提示用户输入不合法,并清空输入框的值。