在JavaScript中检测“无效日期”日期实例

2009-08-30 javascript date

我想说出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进行了检查,这种行为符合标准,这正是我要寻找的。

Answers

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

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

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

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

这是我的处理方式:

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);
}

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

d instanceof Date && isFinite(d)

为了避免出现跨框架问题,可以将instanceof check替换为

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

不需要像Borgar的答案中那样调用getTime() ,因为isNaN()isFinite()都隐式转换为数字。

我真的很喜欢Christoph的方法(但没有足够的声誉来投票赞成)。 对于我的使用,我知道我将始终有一个Date对象,因此我只是使用有效的()方法扩展了日期。

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

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

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

不错的解决方案!包含在我的辅助功能库中,现在看起来像这样:

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());
}
// check whether date is valid
var t = new Date('2011-07-07T11:20:00.000+00:00x');
valid = !isNaN(t.valueOf());

我认为这是一个漫长的过程。我们可以缩短它,如下所示:

 function isValidDate(dateString) {
        debugger;
        var dateStringSplit;
        var formatDate;

        if (dateString.length >= 8 && dateString.length<=10) {
            try {
                dateStringSplit = dateString.split('/');
                var date = new Date();
                date.setYear(parseInt(dateStringSplit[2]), 10);
                date.setMonth(parseInt(dateStringSplit[0], 10) - 1);
                date.setDate(parseInt(dateStringSplit[1], 10));

                if (date.getYear() == parseInt(dateStringSplit[2],10) && date.getMonth()+1 == parseInt(dateStringSplit[0],10) && date.getDate() == parseInt(dateStringSplit[1],10)) {
                    return true;
                }
                else {
                    return false;
                }

            } catch (e) {
                return false;
            }
        }
        return false;
    }

受Borgar方法的启发,我确保代码不仅验证日期,而且实际上确保该日期是真实日期,这意味着不允许使用31/09/2011和29/02/2011之类的日期。

function(dateStr) {
    s = dateStr.split('/');
    d = new Date(+s[2], s[1]-1, +s[0]);
    if (Object.prototype.toString.call(d) === "[object Date]") {
        if (!isNaN(d.getTime()) && d.getDate() == s[0] && 
            d.getMonth() == (s[1] - 1)) {
            return true;
        }
    }
    return "Invalid date!";
}

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

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中的检查日期。

您可以通过此脚本检查txDate.value的有效格式。如果格式不正确,则不会引用Date对象,并向dt返回null。

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

正如@MiF的简短建议

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

上面的解决方案都没有对我有用,但是起作用的是

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时显示其无效

在尝试验证日期(例如2012年2月31日)时,这些答案都没有对我有用(在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

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

实作

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
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;
}

要提及的是,jQuery UI DatePicker小部件具有非常好的日期验证器实用程序方法,该方法可检查格式和有效性(例如,不允许使用01/33/2013日期)。

即使您不想将页面上的datepicker小部件用作UI元素,也可以始终将其.js库添加到页面中,然后调用validateator方法,将要验证的值传递到其中。为了使生活更加轻松,它使用字符串作为输入,而不是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对象。如果没有,它将是不确定的。

将日期对象转换为字符串是检测两个字段是否均为有效日期的更简单可靠的方法。 例如,如果您在日期输入字段中输入“ -------”。上述某些答案将不起作用。

jQuery.validator.addMethod("greaterThan", 

    function(value, element, params) {
        var startDate = new Date($(params).val());
        var endDate = new Date(value);

        if(startDate.toString() === 'Invalid Date' || endDate.toString() === 'Invalid Date') {
            return false;
        } else {
            return endDate > startDate;
        }
    },'Must be greater than {0}.');

您可以简单地使用moment.js

这是一个例子:

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

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

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

  • overflow :日期字段的溢出,例如第13个月,该月的第32天(或非years年的2月29日),一年的第367天等。溢出包含无效索引。匹配#invalidAt的单位(请参见下文); -1表示没有溢出。
  • invalidMonth :无效的月份名称,例如moment('Marbruary','MMMM');。包含无效的月份字符串本身,否则为null。
  • empty :一个不包含任何可解析内容的输入字符串,例如moment('this is nosense');。布尔值。
  • 等等。

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

对于日期中基于int 1的成分:

var is_valid_date = function(year, month, day) {
    var d = new Date(year, month - 1, day);
    return d.getFullYear() === year && (d.getMonth() + 1) === month && d.getDate() === day
};

测试:

    is_valid_date(2013, 02, 28)
&&  is_valid_date(2016, 02, 29)
&& !is_valid_date(2013, 02, 29)
&& !is_valid_date(0000, 00, 00)
&& !is_valid_date(2013, 14, 01)

您可以将日期和时间转换为毫秒getTime()

getTime()方法无效时返回Not NaN

if(!isNaN(new Date("2012/25/255").getTime()))
  return 'valid date time';
  return 'Not a valid date time';

这对我有用

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

但是这没有用

new Date('foo') === 'Invalid Date'; //is false
var isDate_ = function(input) {
        var status = false;
        if (!input || input.length <= 0) {
          status = false;
        } else {
          var result = new Date(input);
          if (result == 'Invalid Date') {
            status = false;
          } else {
            status = true;
          }
        }
        return status;
      }

我已经写了这个功能。向其传递一个字符串参数,它将基于此格式“ dd / MM / yyyy”确定是否为有效日期。

这是一个测试

输入:“ haha​​ha”,输出:false。

输入:“ 29/2/2000”,输出:true。

输入:“ 29/2/2001”,输出:false。

function isValidDate(str) {
    var parts = str.split('/');
    if (parts.length < 3)
        return false;
    else {
        var day = parseInt(parts[0]);
        var month = parseInt(parts[1]);
        var year = parseInt(parts[2]);
        if (isNaN(day) || isNaN(month) || isNaN(year)) {
            return false;
        }
        if (day < 1 || year < 1)
            return false;
        if(month>12||month<1)
            return false;
        if ((month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) && day > 31)
            return false;
        if ((month == 4 || month == 6 || month == 9 || month == 11 ) && day > 30)
            return false;
        if (month == 2) {
            if (((year % 4) == 0 && (year % 100) != 0) || ((year % 400) == 0 && (year % 100) == 0)) {
                if (day > 29)
                    return false;
            } else {
                if (day > 28)
                    return false;
            }      
        }
        return true;
    }
}

所选答案非常好,我也正在使用它。但是,如果您正在寻找一种验证用户日期输入的方法,则应注意,Date对象非常持久,可以将看似无效的构造参数转换为有效的构造参数。以下单元测试代码说明了这一点:

QUnit.test( "valid date test", function( assert ) {
  //The following are counter-examples showing how the Date object will 
  //wrangle several 'bad' dates into a valid date anyway
  assert.equal(isValidDate(new Date(1980, 12, 15)), true);
  d = new Date();
  d.setFullYear(1980);
  d.setMonth(1);
  d.setDate(33);
  assert.equal(isValidDate(d), true);
  assert.equal(isValidDate(new Date(1980, 100, 150)), true);
  //If you go to this exterme, then the checker will fail
  assert.equal(isValidDate(new Date("This is junk")), false);
  //This is a valid date string
  assert.equal(isValidDate(new Date("November 17, 1989")), true);
  //but is this?
  assert.equal(isValidDate(new Date("November 35, 1989")), false);  
  //Ha!  It's not.  So, the secret to working with this version of 
  //isValidDate is to pass in dates as text strings... Hooboy
  //alert(d.toString());
});

我结合了在检查给定对象时发现的最佳性能结果:

结果如下:

function isValidDate(input) {
  if(!(input && input.getTimezoneOffset && input.setUTCFullYear))
    return false;

  var time = input.getTime();
  return time === time;
};

此功能验证以字符分隔的数字格式的字符串日期,例如dd / mm / yyyy,mm / dd / yyyy

/*
Param  : 
1)the date in string data type 
2)[optional - string - default is "/"] the date delimiter, most likely "/" or "-"
3)[optional - int - default is 0] the position of the day component when the date string is broken up via the String.split function (into arrays)
4)[optional - int - default is 1] the position of the month component when the date string is broken up via the String.split function (into arrays)
5)[optional - int - default is 2] the position of the year component when the date string is broken up via the String.split function (into arrays)

Return : a javascript date is returned if the params are OK else null
*/
function IsValidDate(strDate, strDelimiter, iDayPosInArray, iMonthPosInArray, iYearPosInArray) {
    var strDateArr; //a string array to hold constituents day, month, and year components
    var dtDate; //our internal converted date
    var iDay, iMonth, iYear;


    //sanity check 
    //no integer checks are performed on day, month, and year tokens as parsing them below will result in NaN if they're invalid
    if (null == strDate || typeof strDate != "string")
        return null;

    //defaults
    strDelimiter = strDelimiter || "/";
    iDayPosInArray = undefined == iDayPosInArray ? 0 : iDayPosInArray;
    iMonthPosInArray = undefined == iMonthPosInArray ? 1 : iMonthPosInArray;
    iYearPosInArray = undefined == iYearPosInArray ? 2 : iYearPosInArray;

    strDateArr = strDate.split(strDelimiter);

    iDay = parseInt(strDateArr[iDayPosInArray],10);
    iMonth = parseInt(strDateArr[iMonthPosInArray],10) - 1; // Note: months are 0-based
    iYear = parseInt(strDateArr[iYearPosInArray],10);

    dtDate = new Date(
        iYear,
        iMonth, // Note: months are 0-based
        iDay);

    return (!isNaN(dtDate) && dtDate.getFullYear() == iYear && dtDate.getMonth() == iMonth && dtDate.getDate() == iDay) ? dtDate : null; // Note: months are 0-based
}

示例调用:

var strDate="18-01-1971";

if (null == IsValidDate(strDate)) {

  alert("invalid date");
}

通常,我会坚持使用浏览器堆栈中的Date植入。这意味着从此回复的日期开始,在Chrome,Firefox和Safari中调用toDateString()时,您将始终获得“无效日期”。

if(!Date.prototype.isValidDate){
  Date.prototype.isValidDate = function(){
    return this.toDateString().toLowerCase().lastIndexOf('invalid') == -1;
  };
}

我没有在IE中对此进行测试。

function isValidDate(date) {
  return !! (Object.prototype.toString.call(date) === "[object Date]" && +date);
}
function isValidDate(strDate) {
    var myDateStr= new Date(strDate);
    if( ! isNaN ( myDateStr.getMonth() ) ) {
       return true;
    }
    return false;
}

这样称呼它

isValidDate(""2015/5/2""); // => true
isValidDate(""2015/5/2a""); // => false

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

angular.isDate(myDate);

isValidDate的这种风格使用可处理leap年的正则表达式:

function isValidDate(value)
{
    return /((^(10|12|0?[13578])([/])(3[01]|[12][0-9]|0?[1-9])([/])((1[8-9]\d{2})|([2-9]\d{3}))$)|(^(11|0?[469])([/])(30|[12][0-9]|0?[1-9])([/])((1[8-9]\d{2})|([2-9]\d{3}))$)|(^(0?2)([/])(2[0-8]|1[0-9]|0?[1-9])([/])((1[8-9]\d{2})|([2-9]\d{3}))$)|(^(0?2)([/])(29)([/])([2468][048]00)$)|(^(0?2)([/])(29)([/])([3579][26]00)$)|(^(0?2)([/])(29)([/])([1][89][0][48])$)|(^(0?2)([/])(29)([/])([2-9][0-9][0][48])$)|(^(0?2)([/])(29)([/])([1][89][2468][048])$)|(^(0?2)([/])(29)([/])([2-9][0-9][2468][048])$)|(^(0?2)([/])(29)([/])([1][89][13579][26])$)|(^(0?2)([/])(29)([/])([2-9][0-9][13579][26])$))/.test(value)
}

检查有效日期的最短答案

if(!isNaN(date.getTime()))
Date.valid = function(str){
  var d = new Date(str);
  return (Object.prototype.toString.call(d) === "[object Date]" && !isNaN(d.getTime()));
}

https://gist.github.com/dustinpoissant/b83750d8671f10c414b346b16e290ecf

根据评分最高的答案准备的功能:

  /**
   * Check if date exists and is valid.
   *
   * @param {String} dateString Date in YYYY-mm-dd format.
   */
  function isValidDate(dateString) {
  var isValid = false;
  var date;

  date =
    new Date(
      dateString);

  if (
    Object.prototype.toString.call(
      date) === "[object Date]") {

    if (isNaN(date.getTime())) {

      // Date is unreal.

    } else {
      // Date is real if month and day match each other in date and string (otherwise may be shifted):
      isValid =
        date.getUTCMonth() + 1 === dateString.split("-")[1] * 1 &&
        date.getUTCDate() === dateString.split("-")[2] * 1;
    }
  } else {
    // It's not a date.
  }

  return isValid;
}

date.parse(valueToBeTested) > 0date.parse(valueToBeTested) > 0 。有效的日期将返回纪元值,无效的值将返回NaN,NaN甚至由于不是数字而无法通过> 0测试。

这是如此简单,以至于辅助函数可能会更加可读,但不会保存代码。如果您想要一个:

String.prototype.isDate = function() {
  return !Number.isNaN(Date.parse(this));
}

要么

使用方法:

"StringToTest".isDate();

所以我喜欢@Ask Clarke的答案,通过为不能通过var d = new Date(d)的日期添加try catch块几乎没有任何改进-

function checkIfDateNotValid(d) {
        try{
            var d = new Date(d);
            return !(d.getTime() === d.getTime()); //NAN is the only type which is not equal to itself.
        }catch (e){
            return true;
        }

    }

这里已经有太多复杂的答案,但是简单的一行就足够了(ES5):

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

甚至在ES6中:

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

Date.prototype.toISOString在无效日期上引发RangeError (至少在Chromium和Firefox中)。您可以将其用作验证手段,并且可能不需要isValidDate这样(EAFP)。否则为:

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

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

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'));

检查日期是否为有效日期对象的另一种方法:

const isValidDate = (date) => 
  typeof date === 'object' && 
  typeof date.getTime === 'function' && 
  !isNaN(date.getTime())

简单优雅的解决方案:

const date = new Date(`${year}-${month}-${day} 00:00`)
const isValidDate = (Boolean(+date) && date.getDate() == day)

资料来源:

[1] https://medium.com/@esganzerla/simple-date-validation-with-javascript-caea0f71883c

[2] JavaScript中new Date()中显示的日期不正确

Related