jquery validator 插件增加日期比较方法

首先，为了使用日期比较方法，我们需要安装JQuery Validator插件。可以通过以下代码引入：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>

接下来，我们需要编写自定义验证方法，以实现日期比较的功能。代码示例如下：

jQuery.validator.addMethod("greaterThan", function (value, element, param) {
    var startDate = $(param).val();
    var endDate = value;
    if (startDate == '' || endDate == '') {
        return true; // 当其中一个日期为空时，不进行比较，返回true
    } else {
        startDate = new Date(startDate);
        endDate = new Date(endDate);
        return startDate < endDate;
    }
}, "请确保结束日期晚于开始日期");

在这个示例代码中，我们引入了一个名为“greaterThan”的自定义验证方法，通过获取参数的值(parameter，即比较的起始日期)和当前元素的值(value，即比较的结束日期)进行比较。

例如，我们想要验证一个表单中的开始日期和结束日期，可以通过以下代码实现：

<form id="formId">
    <input type="text" name="startDate" id="startDateId" />
    <input type="text" name="endDate" id="endDateId" />
    <button type="submit">提交</button>
</form>

$("#formId").validate({
    rules: {
        startDate: {
            required: true,
            date: true
        },
        endDate: {
            required: true,
            date: true,
            greaterThan: "#startDateId" // 引入自定义验证方法
        }
    },
    messages: {
        startDate: {
            required: "请输入开始日期",
            date: "请输入有效日期"
        },
        endDate: {
            required: "请输入结束日期",
            date: "请输入有效日期"
        }
    }
});

这个示例中，我们定义了两个表单元素，分别是开始日期和结束日期。在验证规则中，我们为这两个元素都加入了date验证方法，以确保它们输入的日期格式正确。而为了比较这两个日期的大小，我们也将结束日期元素绑定上了greaterThan验证方法，以启用自定义验证。

除了上述的情形外，我们还可以通过自定义参数来灵活应用该自定义验证方法。

例如，我们希望验证表单中的开始日期加上3个月后是否晚于当前日期，可以通过以下代码实现：

jQuery.validator.addMethod("greaterThanToday", function (value, element, param) {
    var today = new Date();
    var startDate = new Date(value);
    var endDate = new Date(today.setMonth(today.getMonth() + param));
    return startDate < endDate;
}, "请确保日期晚于当前日期加上" + param + "个月");

在上述代码中，我们引入了一个名为“greaterThanToday”的自定义验证方法，并且定义了一个叫做“param”的参数，其含义为待比较的日期加上的月数。以及，在根据参数计算出“当前日期+param个月”的结束日期之后，和起始日期进行比较（这里必须经过Date对象的实例化处理，以便进行比较）。

因此，在具体的表单验证中，我们可以为每个需要应用该验证的表单元素传递参数，并使用相应的自定义错误信息。例如：

<form id="formId">
    <input type="text" name="startDate" id="startDateId" />
    <button type="submit">提交</button>
</form>

$("#formId").validate({
    rules: {
        startDate: {
            required: true,
            date: true,
            greaterThanToday: 3 // 引入自定义验证方法，并传递参数
        }
    },
    messages: {
        startDate: {
            required: "请输入日期",
            date: "请输入有效日期"
        }
    }
});

在上述代码中，我们仅对开始日期表单元素应用了自定义验证方法，并传递了三个月的参数。一旦起始日期加上三个月后晚于当前日期，就会显示自定义验证方法的错误提示。

总的来说，通过定义自定义验证方法，我们可以非常方便地扩充JQuery Validator插件的验证能力，帮助我们更加高效、准确地进行表单验证。