我在我的网络应用程序中使用spring-mvc和bootstrap。在页面上我有2个字段供用户输入startdate-time和end date-time,这是我从bootstrap-datetimepicker.js中选取的 https://github.com/smalot/bootstrap-datetimepicker
这很好用,但现在我需要包含验证,startdate-time总是大于enddate-time,我也使用jquery.validate.min.js进行表单验证,但是我无法比较2个时间戳,我尝试了下面的代码
$.validator.addMethod("budgetgreaterThan",
function(value, element, params) {
alert(value);
value=value.slice(0,-6);
if (!/Invalid|NaN/.test(new Date(value))) {
return new Date(value) >= new Date($(params).val());
}
return isNaN(value) && isNaN($(params).val())
|| (Number(value) > Number($(params).val()));
},'Must be greater than {0}.');
rules:
{
budgetgreaterThan: '#startdate'
}
messages:
{
budgetgreaterThan:"Delivery date and Collect date should be proper"
}
此处的时间戳值采用此格式"YYYY-MM-DD hhhh:mm:ss"
任何人都可以告诉我如何实现这一目标?
答案 0 :(得分:0)
我通过进行ajax调用并在后端验证来解决了这个问题,我避免$.validator.addMethod()
而是使用了onblur="myFunction()"
<input type="text" id="enddate" name="enddate" onblur="myFunction()">
<script>
function myFunction()
{
var sdate = $('#startdate').val();
var edate = $('#enddate').val();
var totaldate = sdate+"/"+edate;
$.ajax({
url: '${pageContext.servletContext.contextPath}/developer/createinstance/TimeCheck.prm',
type: 'get',
data: "totaldate="+totaldate,
success: function (data1) {
if(data1 == -1)
{
bootbox.alert("enddate cannot be lesser than start date");
$('#startdate').val("");
$('#enddate').val("");
}
if(data1 == 0)
{
bootbox.alert("date cannot be same");
$('#startdate').val("");
$('#enddate').val("");
}
}
});
}
</script>
但我相信有更好的方法可以实现这一点,如果有人能提供更好的解决方案,那将会很棒。