通过jQuery验证日期字符串格式的最佳方法

时间:2012-06-27 01:25:41

标签: javascript jquery jquery-validate

如果是日期,我发现了许多验证字符串的链接。

herehere

但无论如何我无法弄明白如何确认我们是否有这个东西:

6/6/2012 首先 6 是月,第二 6 是天

并且如果用户输入它:

06/06/2012

有任何线索如何以适当的方式完成?

谢谢!

2 个答案:

答案 0 :(得分:19)

在这里,这应该适用于任何具有4位数年份和任何分隔符的日期格式。我从我的插件Ideal Forms中提取了它,它验证了日期等等。

var isValidDate = function (value, userFormat) {
  var

  userFormat = userFormat || 'mm/dd/yyyy', // default format

  delimiter = /[^mdy]/.exec(userFormat)[0],
  theFormat = userFormat.split(delimiter),
  theDate = value.split(delimiter),

  isDate = function (date, format) {
    var m, d, y
    for (var i = 0, len = format.length; i < len; i++) {
      if (/m/.test(format[i])) m = date[i]
      if (/d/.test(format[i])) d = date[i]
      if (/y/.test(format[i])) y = date[i]
    }
    return (
      m > 0 && m < 13 &&
      y && y.length === 4 &&
      d > 0 && d <= (new Date(y, m, 0)).getDate()
    )
  }

  return isDate(theDate, theFormat)

}

答案 1 :(得分:5)

使用正则表达式。

var dateRegEx = /^(0[1-9]|1[012]|[1-9])[- /.](0[1-9]|[12][0-9]|3[01]|[1-9])[- /.](19|20)\d\d$/

console.log("06/06/2012".match(dateRegEx) !== null) // true
console.log("6/6/2012".match(dateRegEx) !== null) // true
console.log("6/30/2012".match(dateRegEx) !== null) // true
console.log("30/06/2012".match(dateRegEx) !== null) // false

Learn about RegEx.

编辑 - 免责声明

正如@elclanrs所指出的,这只会验证字符串的格式,而不是实际日期,这意味着2月31日之类的日期会过去。但是,由于OP只要求“验证日期字符串格式”,我会在这里保留这个答案,因为对某些人来说,这可能就是你所需要的。

注意,OP正在使用的jQuery Validation plugin也只验证格式。

最后,对于那些想知道的人,如果你需要验证日期,而不仅仅是格式,这个正则表达式将 的领域〜2%失败率(1 -12)/(1-31)/(1900-2099)日期字符串。请不要在JPL的任务关键代码中使用它。