jquery validate 添加方法来验证日期时间

我正在使用我找到的日期时间选择器插件here http://trentrichardson.com/examples/timepicker/效果很好。

现在唯一的问题是它破坏了包含的标准日期验证jquery 验证插件 http://docs.jquery.com/Plugins/Validation因为在输入框中的字符串末尾添加了时间。

这是我到目前为止所拥有的demo http://jsfiddle.net/XH4sh/4/。我添加了一个验证方法来检查该值是否是日期，但它不接受时间。

我需要帮助编写自定义验证方法。我如何分割date and time字符串，然后执行测试来验证它们？

Thanks

您已经验证了date规则。否则，您可以查看 jQuery Validate 插件来获取：

date: function( value, element ) {
    return this.optional(element) || !/Invalid|NaN/.test(new Date(value).toString());
},

这是我发现的用于验证的自定义方法time字符串的一部分。

$.validator.addMethod("time", function (value, element) {
    return this.optional(element) || /^(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/i.test(value);
}, "Please enter a valid time.");

时间演示：http://jsfiddle.net/9CdvN/ http://jsfiddle.net/9CdvN/

只需将这两个函数组合到您的“DateTime”方法中即可。然后在空间中分割您的输入值并相应地测试每个部分。

这是一个演示，我将日期和时间方法组合在一起。它接受以下格式，yyyy/mm/dd hh:mm，所以你只需要稍微调整一下。

http://jsfiddle.net/9CdvN/2/ http://jsfiddle.net/9CdvN/2/