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

2020/09/16 13:01 · javascript ·  · 0评论

我想说出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函数的想法吗?

  • 建议Date.parse使用Ash 来分析日期字符串,这为检查日期字符串是否有效提供了一种权威方法。
  • 如果可能的话,我希望我的API接受Date实例,并能够检查/确认它是否有效。Borgar的解决方案可以做到这一点,但是我需要在浏览器中对其进行测试。我也想知道是否有更优雅的方法。
  • Ash使我考虑完全不让我的API接受Date实例,这将最容易验证。
  • Borgar建议先测试一个Date实例,然后再测试Date的时间值。如果日期无效,则时间值为NaN我使用ECMA-262进行了检查,此行为符合标准,这正是我要寻找的。

这是我的处理方式:

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

除了使用之外,new Date()您应该使用:

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

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

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

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

d instanceof Date && isFinite(d)

为避免跨框架问题,可以将instanceof支票替换为

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

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

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

实作

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

检查有效日期的最短答案

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

您可以简单地使用moment.js

这是一个例子:

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

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

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

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

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

要提及的是,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对象,表示传入的字符串值。如果没有,它将是不确定的。

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

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

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

d = new Date(userDate);
if (d.valid()) { /* do stuff */ }
// check whether date is valid
var t = new Date('2011-07-07T11:20:00.000+00:00x');
valid = !isNaN(t.valueOf());

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

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

正如@MiF的简短建议

 if(isNaN(new 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中的检查日期。

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

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

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

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

甚至在ES6中:

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

这对我有用

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

但是这没有用

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

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

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

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

angular.isDate(myDate);

在尝试验证日期(例如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
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;
}

上面的解决方案都没有对我有用,但是什么是有效的

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

受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!";
}

我已经写了这个功能。向其传递一个字符串参数,它将基于“ 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.prototype.toISOStringRangeError在无效日期抛出(至少在Chromium和Firefox中)。您可以将其用作验证的方式,并且可能不需isValidDate要这样做(EAFP)。否则为:

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

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

结果如下:

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

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

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

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

对于日期中基于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)

所选答案非常好,我也正在使用它。但是,如果您正在寻找一种验证用户日期输入的方法,则应注意,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(strDate) {
    var myDateStr= new Date(strDate);
    if( ! isNaN ( myDateStr.getMonth() ) ) {
       return true;
    }
    return false;
}

这样称呼它

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

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

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

简单优雅的解决方案:

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()中显示的日期不正确

还没有人提到它,因此Symbols也是一种解决方法:

Symbol.for(new Date("Peter")) === Symbol.for("Invalid Date") // true

Symbol.for(new Date()) === Symbol.for("Invalid Date") // false

console.log('Symbol.for(new Date("Peter")) === Symbol.for("Invalid Date")', Symbol.for(new Date("Peter")) === Symbol.for("Invalid Date")) // true

console.log('Symbol.for(new Date()) === Symbol.for("Invalid Date")', Symbol.for(new Date()) === Symbol.for("Invalid Date")) // false

请注意:https :
//caniuse.com/#search=Symbol

本文地址:http://javascript.askforanswer.com/zaijavascriptzhongjiancewuxiaoriqiriqishili.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇: