使用validationEngine校验两个日期的步骤如下:
- 在HTML表单中,为两个日期输入框添加相应的class,并设置data-validation属性为"date",如:
- 在页面中引入jQuery库和validationEngine插件的脚本文件,如:
- 初始化validationEngine插件,并为两个日期输入框添加自定义校验规则,如:
$(document).ready(function() { $("#startDate").validationEngine(); $("#endDate").validationEngine(); // 自定义校验规则,判断结束日期是否大于开始日期 $.fn.validationEngineLanguage.allRules.checkEndDate = { validate: function(field, rules, i, options) { var startDate = new Date($("#startDate").val()); var endDate = new Date($("#endDate").val()); return endDate >= startDate; }, alertText: "结束日期必须大于等于开始日期" }; // 添加校验规则 $("#endDate").addClass("validate[required,date,checkEndDate]"); });
在以上代码中,我们通过自定义校验规则"checkEndDate"来判断结束日期是否大于等于开始日期。然后,我们为结束日期输入框添加该校验规则。最后,调用validationEngine()方法来初始化validationEngine插件。