在JavaScript中检测"无效日期"日期实例

Question

我想告诉JS中有效和无效日期对象之间的区别,但无法弄清楚如何:

var d = new Date("foo");
console.log(d.toString()); // shows 'Invalid Date'
console.log(typeof d); // shows 'object'
console.log(d instanceof Date); // shows 'true'

编写isValidDate函数的任何想法？

• Ash建议Date.parse用于解析日期字符串,它提供了一种检查日期字符串是否有效的权威方法.
• 如果可能的话,我希望我的API接受一个Date实例,并且能够检查/断言它是否有效.Borgar的解决方案就是这样做的,但我需要跨浏览器进行测试.我也想知道是否有更优雅的方式.
• Ash让我觉得根本没有我的API接受Date实例,这最容易验证.
• Borgar建议测试一个Date实例,然后测试它Date的时间值.如果日期无效,则时间值为NaN.我用ECMA-262检查了这个行为是标准的,这正是我正在寻找的.

Answer 1

我是这样做的:

if (Object.prototype.toString.call(d) === "[object Date]") {
  // it is a date
  if (isNaN(d.getTime())) {  // d.valueOf() could also work
    // date is not valid
  } else {
    // date is valid
  }
} else {
  // not a date
}

更新[2018-05-31]:如果您不关心来自其他JS上下文(外部窗口,框架或iframe)的Date对象,则可以首选这种更简单的形式:

function isValidDate(d) {
  return d instanceof Date && !isNaN(d);
}

Answer 2

而不是使用new Date()你应该使用:

var timestamp = Date.parse('foo');

if (isNaN(timestamp) == false) {
  var d = new Date(timestamp);
}

Date.parse()返回一个时间戳,一个整数,表示自01/Jan/1970以来的毫秒数.NaN如果它无法解析提供的日期字符串,它将返回.

Answer 3

您可以检查的有效性Date对象d通过

d instanceof Date && isFinite(d)

为避免跨框架问题,可以用instanceof支票代替支票

Object.prototype.toString.call(d) === '[object Date]'

要在通话getTime()中Borgar的回答是不必要的,因为isNaN()和isFinite()两个隐式转换为数字.

Answer 4

我的解决方案是简单地检查您是否获得了有效的日期对象:

履行

Date.prototype.isValid = function () {
    // An invalid date object returns NaN for getTime() and NaN is the only
    // object not strictly equal to itself.
    return this.getTime() === this.getTime();
};  

用法

var d = new Date("lol");

console.log(d.isValid()); // false

d = new Date("2012/09/11");

console.log(d.isValid()); // true

Answer 5

检查有效日期的最短答案

if(!isNaN(date.getTime()))

Answer 6

在阅读了到目前为止的每个答案后，我将提供最简单的答案。

这里的每个解决方案都提到调用date.getTime(). 但是，这不是必需的，因为从日期到数字的默认转换是使用 getTime() 值。是的，你的类型检查会抱怨。:) OP 清楚地知道他们有一个Date对象，所以也不需要测试它。

要测试无效日期：

isNaN(date)

要测试有效日期：

!isNaN(date)

或（感谢 icc97 提供此替代方案）

isFinite(date) 

或打字稿（感谢 pat-migliaccio）

isFinite(+date) 

Answer 7

你可以简单地使用moment.js

这是一个例子:

var m = moment('2015-11-32', 'YYYY-MM-DD');
m.isValid(); // false

文档中的验证部分非常清楚.

而且,以下解析标志会导致无效日期:

• overflow:日期字段的溢出,例如第13个月,第32个月(或非闰年2月29日),一年中第367天等.溢出包含无效单位的索引匹配#invalidAt(见下文); -1表示没有溢出.
• invalidMonth:无效的月份名称,例如时刻('Marbruary','MMMM');. 包含无效的月份字符串本身,否则为null.
• empty:包含无法解析的输入字符串,例如moment('this is nonsense');. 布尔.
• 等等.

资料来源:http://momentjs.com/docs/

Answer 8

想提一下jQuery UI DatePicker小部件有一个非常好的日期验证器实用程序方法,它检查格式和有效性(例如,不允许01/33/2013日期).

即使您不希望将页面上的datepicker小部件用作UI元素,也可以始终将其.js库添加到页面,然后调用验证器方法,将要验证的值传递给它.为了让生活更轻松,它需要一个字符串作为输入,而不是JavaScript Date对象.

请参阅:http://api.jqueryui.com/datepicker/

它不是作为一种方法列出的,而是它作为一种效用函数.在页面中搜索"parsedate",你会发现:

$ .datepicker.parseDate(format,value,settings) - 从具有指定格式的字符串值中提取日期.

用法示例:

var stringval = '01/03/2012';
var testdate;

try {
  testdate = $.datepicker.parseDate('mm/dd/yy', stringval);
             // Notice 'yy' indicates a 4-digit year value
} catch (e)
{
 alert(stringval + ' is not valid.  Format must be MM/DD/YYYY ' +
       'and the date value must be valid for the calendar.';
}

(更多信息请在http://api.jqueryui.com/datepicker/#utility-parseDate上找到指定日期格式)

在上面的示例中,您将看不到警报消息,因为'01/03/2012'是指定格式的日历有效日期.但是,如果您将'stringval'等于'13/04/2013',则会收到警报消息,因为值'13/04/2013'不是日历有效的.

如果成功解析了传入的字符串值,则'testdate'的值将是表示传入的字符串值的Javascript Date对象.如果没有,它将是未定义的.

Answer 9

我真的很喜欢克里斯托夫的做法(但没有足够的声誉来投票).对于我的使用,我知道我将永远有一个Date对象,所以我只使用valid()方法扩展日期.

Date.prototype.valid = function() {
  return isFinite(this);
}

现在我可以写这个,它比仅仅在代码中检查isFinite更具描述性......

d = new Date(userDate);
if (d.valid()) { /* do stuff */ }

Answer 10

// check whether date is valid
var t = new Date('2011-07-07T11:20:00.000+00:00x');
valid = !isNaN(t.valueOf());

Answer 11

在我之前有这么多人尝试过之后，为什么我还要写第 48 个答案？大多数答案都是部分正确的，并且并不适用于所有情况，而其他答案则不必要地冗长和复杂。下面是一个非常简洁的解决方案。这将检查它是否是Date类型，然后检查是否是有效的日期对象：

return x instanceof Date && !!x.getDate();

现在解析日期文本：大多数解决方案使用 Date.parse() 或“new Date()”——这两种方法都会在某些情况下失败并且可能很危险。JavaScript 可以解析多种格式，并且还依赖于本地化。例如，“1”和“blah-123”等字符串将解析为有效日期。

还有一些帖子要么使用大量代码，要么使用一英里长的正则表达式，要么使用第三方框架。

这是验证日期字符串的非常简单的方法。

return x instanceof Date && !!x.getDate();

function isDate(txt) {
   var matches = txt.match(/^\d?\d\/(\d?\d)\/\d{4}$/); //Note: "Day" in the RegEx is parenthesized
   return !!matches && !!Date.parse(txt) && new Date(txt).getDate()==matches[1];
}

isDate 的第一行使用简单的正则表达式解析输入文本，以验证日期格式 mm/dd/yyyy 或 m/d/yyyy。对于其他格式，您需要相应地更改正则表达式，例如，对于 dd-mm-yyyy，正则表达式变为/^(\d?\d)-\d?\d-\d{4}$/

如果解析失败，“matches”为空，否则它存储月份中的日期。第二行进行更多测试以确保其是有效日期并消除像 9/31/2021 这样的情况（JavaScript 允许）。最后请注意，双击 (!!) 将“falsy”转换为布尔值 false。

Answer 12

我使用以下代码验证年,月和日期的值.

function createDate(year, month, _date) {
  var d = new Date(year, month, _date);
  if (d.getFullYear() != year 
    || d.getMonth() != month
    || d.getDate() != _date) {
    throw "invalid date";
  }
  return d;
}

有关详细信息,请参阅javascript中的检查日期

Answer 13

你可以用这个scirpt检查txDate.value的有效格式.如果它的格式不正确,则Date obejct不实例化,并将null返回给dt.

 var dt = new Date(txtDate.value)
 if (isNaN(dt))

正如@ MiF的建议简短

 if(isNaN(new Date(...)))

Answer 14

这里有太多复杂的答案,但一条简单的线就足够了(ES5):

Date.prototype.isValid = function (d) { return !isNaN(Date.parse(d)) } ;

甚至在ES6中:

Date.prototype.isValid = d => !isNaN(Date.parse(d));

Answer 15

好的解决方案 包含在我的辅助函数库中,现在看起来像这样:

Object.isDate = function(obj) {
/// <summary>
/// Determines if the passed object is an instance of Date.
/// </summary>
/// <param name="obj">The object to test.</param>

    return Object.prototype.toString.call(obj) === '[object Date]';
}

Object.isValidDate = function(obj) {
/// <summary>
/// Determines if the passed object is a Date object, containing an actual date.
/// </summary>
/// <param name="obj">The object to test.</param>

    return Object.isDate(obj) && !isNaN(obj.getTime());
}

Answer 16

对于Angular.js项目,您可以使用:

angular.isDate(myDate);

Answer 17

当人们离不开图书馆时，我很少推荐图书馆。但考虑到迄今为止的大量答案，似乎值得指出的是，流行的库“date-fns”有一个函数isValid。以下文档摘自他们的网站：

有效参数	v2.0.0之前	v2.0.0 及以上
新日期()	真的	真的
新日期('2016-01-01')	真的	真的
新日期('')	错误的	错误的
新日期(1488370835081)	真的	真的
新日期（NaN）	错误的	错误的
'2016-01-01'	类型错误	错误的
”	类型错误	错误的
1488370835081	类型错误	真的
南	类型错误	错误的

Answer 18

这对我有用

new Date('foo') == 'Invalid Date'; //is true

但是这没用

new Date('foo') === 'Invalid Date'; //is false

Answer 19

我看到了一些非常接近这个小片段的答案。

JavaScript方式：

function isValidDate(dateObject){ return new Date(dateObject).toString() !== 'Invalid Date'; }
isValidDate(new Date('WTH'));

TypeScript方式：

const isValidDate = dateObject => new Date(dateObject ).toString() !== 'Invalid Date';
isValidDate(new Date('WTH'));

Answer 20

在尝试验证日期(例如2/31/2012)时,这些答案都不适合我(在Safari 6.0中测试),但是,当尝试任何大于31的日期时,它们都能正常工作.

所以我不得不蛮力一点.假设日期是格式mm/dd/yyyy.我正在使用@broox答案:

Date.prototype.valid = function() {
    return isFinite(this);
}    

function validStringDate(value){
    var d = new Date(value);
    return d.valid() && value.split('/')[0] == (d.getMonth()+1);
}

validStringDate("2/29/2012"); // true (leap year)
validStringDate("2/29/2013"); // false
validStringDate("2/30/2012"); // false

Answer 21

Date.prototype.toISOString抛出RangeError无效日期（至少在 Chromium 和 Firefox 中）。您可以将其用作验证手段，但可能不需要isValidDate这样（EAFP）。否则就是：

function isValidDate(d)
{
  try
  {
    d.toISOString();
    return true;
  }
  catch(ex)
  {
    return false;    
  }    
}

Answer 22

以上解决方案都没有为我工作,但是工作是什么

function validDate (d) {
        var date = new Date(d);
        var day = ""+date.getDate();
        if( day.length == 1)day = "0"+day;
        var month = "" +( date.getMonth() + 1);
        if( month.length == 1)month = "0"+month;
        var year = "" + date.getFullYear();

        return ((month + "/" + day + "/" + year) == d);
    }

上面的代码将看到JS何时将02/31/2012变为03/02/2012,它无效

Answer 23

IsValidDate: function(date) {
        var regex = /\d{1,2}\/\d{1,2}\/\d{4}/;
        if (!regex.test(date)) return false;
        var day = Number(date.split("/")[1]);
        date = new Date(date);
        if (date && date.getDate() != day) return false;
        return true;
}

Answer 24

你可以尝试这样的事情：

const isDate = (val) => !isNaN(new Date(val).getTime());