验证 jQuery.validate 和 datepicker 中多个日期之间的日期

Question

我正在使用 jQuery.datepicker 和 jQuery.validate。 在我的表单中，我有多个日期范围：

2010-02-10 - 2010-02-18
2010-03-01 - 2010-03-12
2010-03-15 - 2010-03-19

等等。

现在我需要验证日期选择器字段以检查日期选择器中设置的日期是否在这些日期范围之间。例如，2010-01-01 和 2010-02-19 都是无效的。

我看过很多答案，但据我所知，它们与多个范围并没有真正相关。

有谁知道解决方案或至少有一个指针可以让我朝着正确的方向前进。 我正在考虑可能循环 .each() 中的每个日期范围并在那里运行验证。但可能有更好的方法。

Answer 1

你的问题也是我一段时间以来一直想弄清楚的。这是我到目前为止所拥有的。

我用它来验证单个日期范围。它将输入字段作为参数而不是日期：

jQuery.validator.addMethod("rangeDate", function(value, element, params) {
    try {
        var beforedate=$.datepicker.parseDate($(params[0]).datepicker('option','dateFormat'),$(params[0]).val());
        var afterdate=$.datepicker.parseDate($(params[1]).datepicker('option','dateFormat'),$(params[1]).val());
        var qdate=$.datepicker.parseDate($(element).datepicker('option','dateFormat'),value);
        return this.optional(element) || (qdate >= beforedate && qdate<=afterdate);
    } catch(err){
        return false;
    }
}, function(params){
    return "Date must occur between " + $(params[0]).val() + ' and ' + $(params[1]).val();
}
);

并且规则如下所示：

rules:{
  between_date: { dateCan: true, 
         rangeDate:  {
            depends: function(element) { //check that params exist
                return $("input[name='before_date']").valid()
                       && $("input[name='after_date']").valid();
            },
            param:  ["input[name='before_date']", "input[name='after_date']"]
         }
  }
}

经过一番实验后，我发现一个字段可以有多个 rangeDate 规则。但是，最后一次调用似乎会覆盖该字段之前所有 rangeDate 调用的结果。因此，我认为可能有效的是添加另一个自定义规则，该规则接受可以输入到 rangeDate 的字段对数组。这种方法的问题在于，当您获得更多日期对时，rangeDate 规则的 depends 子句变得难以使用。如果您只需要至少一对而不是所有对存在，则尤其如此。

当然，如果日期范围不是动态的，问题会更容易，因为不需要 depends 子句。只需重写 rangeDate 来接受日期而不是字段，并编写一个包装规则来接受日期对数组。

如果您找到了问题的解决方案，我很乐意看到。希望它会比我的更优雅。