怎么使用validationEngine校验两个日期-开发者知识库平台

怎么使用validationEngine校验两个日期

使用validationEngine校验两个日期的步骤如下：

在HTML表单中，为两个日期输入框添加相应的class，并设置data-validation属性为"date"，如：

<input type="text" class="validate[required,date]" id="startDate" name="startDate" />
<input type="text" class="validate[required,date]" id="endDate" name="endDate" />

在页面中引入jQuery库和validationEngine插件的脚本文件，如：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-engine/2.6.4/jquery.validationEngine.min.js"></script>

初始化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插件。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

怎么使用validationEngine校验两个日期

最新知识库

相关标签