如何检查对象是否为日期？

Question

我在网页上有一个烦人的错误：

date.GetMonth() 不是函数

所以，我想我做错了什么。变量date 不是Date 类型的对象。 如何在 Javascript 中检查数据类型？我尝试添加 if (date)，但它不起作用。

function getFormatedDate(date) {
    if (date) {
       var month = date.GetMonth();
    }
}

那么，如果我想编写防御性代码并阻止日期（不是一个）被格式化，我该怎么做呢？

谢谢！

更新：我不想检查日期的格式，但我想确保传递给方法getFormatedDate() 的参数是Date 类型。

Answer 1

作为鸭子打字的替代方法

typeof date.getMonth === 'function'

您可以使用instanceof 运算符，即，但对于无效日期，它也会返回 true，例如new Date('random_string') 也是 Date 的实例

date instanceof Date

如果对象跨越帧边界，这将失败。

解决方法是通过检查对象的类

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

Answer 2

您可以使用以下代码：

(myvar instanceof Date) // returns true or false

Answer 3

为了检查该值是否是标准 JS-date 对象的有效类型，您可以使用这个谓词：

function isValidDate(date) {
  return date && Object.prototype.toString.call(date) === "[object Date]" && !isNaN(date);
}

1. date 检查参数是否不是falsy value（undefined、null、0、"" 等）
2. Object.prototype.toString.call(date) 返回给定对象类型的native string representation - 在我们的例子中是"[object Date]"。因为date.toString() overrides its parent method，我们需要.call或.apply直接来自Object.prototype的方法哪个..
   • 绕过具有相同构造函数名称的用户定义对象类型（例如：“日期”）
   • 在 contrast to instanceof 或 Date.prototype.isPrototypeOf 中跨不同的 JS 上下文（例如 iframe）工作。
3. !isNaN(date) 最后检查该值是否不是Invalid Date。

Answer 4

函数是getMonth()，而不是GetMonth()。

无论如何，您可以通过执行此操作来检查对象是否具有 getMonth 属性。这并不一定意味着该对象是一个 Date，只是任何具有 getMonth 属性的对象。

if (date.getMonth) {
    var month = date.getMonth();
}

Answer 5

如上所述，在使用之前检查函数是否存在可能是最简单的。如果你真的关心它是一个Date，而不仅仅是一个带有getMonth() 函数的对象，试试这个：

function isValidDate(value) {
    var dateWrapper = new Date(value);
    return !isNaN(dateWrapper.getDate());
}

如果它是Date，这将创建一个值的克隆，或者创建一个无效的日期。然后您可以检查新日期的值是否无效。

Answer 6

对于所有类型，我都制作了一个 Object 原型函数。可能对你有用

Object.prototype.typof = function(chkType){
      var inp        = String(this.constructor),
          customObj  = (inp.split(/\({1}/))[0].replace(/^\n/,'').substr(9),
          regularObj = Object.prototype.toString.apply(this),
          thisType   = regularObj.toLowerCase()
                        .match(new RegExp(customObj.toLowerCase()))
                       ? regularObj : '[object '+customObj+']';
     return chkType
            ? thisType.toLowerCase().match(chkType.toLowerCase()) 
               ? true : false
            : thisType;
}

现在您可以像这样检查 any 类型：

var myDate     = new Date().toString(),
    myRealDate = new Date();
if (myRealDate.typof('Date')) { /* do things */ }
alert( myDate.typof() ); //=> String

[2013 年 3 月编辑] 基于不断深入的洞察，这是一种更好的方法：

Object.prototype.is = function() {
        var test = arguments.length ? [].slice.call(arguments) : null
           ,self = this.constructor;
        return test ? !!(test.filter(function(a){return a === self}).length)
               : (this.constructor.name ||
                  (String(self).match ( /^function\s*([^\s(]+)/im)
                    || [0,'ANONYMOUS_CONSTRUCTOR']) [1] );
}
// usage
var Some = function(){ /* ... */}
   ,Other = function(){ /* ... */}
   ,some = new Some;
2..is(String,Function,RegExp);        //=> false
2..is(String,Function,Number,RegExp); //=> true
'hello'.is(String);                   //=> true
'hello'.is();                         //-> String
/[a-z]/i.is();                        //-> RegExp
some.is();                            //=> 'ANONYMOUS_CONSTRUCTOR'
some.is(Other);                       //=> false
some.is(Some);                        //=> true
// note: you can't use this for NaN (NaN === Number)
(+'ab2').is(Number);                 //=> true

Answer 7

如果您不关心 iframe/其他上下文，这是一种非常简单的方法。

// Invalid Date.getTime() will produce NaN
if (date instanceof Date && date.getTime()) {
    console.log("is date!");
}

• 检查对象是否实际上是Date 而不是看起来像的东西。任何对象都可以有一个getMonth 函数。
• 确保日期不是Invalid Date
• 不会将值传递给new Date()，在该new Date() 可以将数字甚至字符串转换为日期。

如果您需要支持 iframe 和不同的上下文，您可以使用接受的答案，但添加额外的检查以识别无效日期。

// Invalid Date.getTime() will produce NaN
if (Object.prototype.toString.call(date) === '[object Date]' && date.getTime()) {
    console.log("is date!");
}

Answer 8

我发现的最好方法是：

!isNaN(Date.parse("some date test"))
//
!isNaN(Date.parse("22/05/2001"))  // true
!isNaN(Date.parse("blabla"))  // false

Answer 9

UnderscoreJS 和 Lodash 有一个名为 .isDate() 的函数，这似乎正是您所需要的。值得看看它们各自的实现：Lodash isDate, UnderscoreJs

Answer 10

您可以使用以下解决方法，而不是所有解决方法：

dateVariable = new Date(date);
if (dateVariable == 'Invalid Date') console.log('Invalid Date!');

我发现这个 hack 更好！

Answer 11

我一直在使用一种更简单的方法，但不确定这是否仅在 ES6 中可用。

let a = {name: "a", age: 1, date: new Date("1/2/2017"), arr: [], obj: {} };
console.log(a.name.constructor.name); // "String"
console.log(a.age.constructor.name);  // "Number"
console.log(a.date.constructor.name); // "Date"
console.log(a.arr.constructor.name);  // "Array"
console.log(a.obj.constructor.name);  // "Object"

但是，这不适用于 null 或 undefined，因为它们没有构造函数。

Answer 12

您可以检查是否存在特定于 Date 对象的函数：

function getFormatedDate(date) {
    if (date.getMonth) {
        var month = date.getMonth();
    }
}

Answer 13

你也可以使用简写形式

function getClass(obj) {
  return {}.toString.call(obj).slice(8, -1);
}
alert( getClass(new Date) ); //Date

或类似的东西：

(toString.call(date)) == 'Date'

Answer 14

如果是日期，这个函数将返回true，否则返回false：

function isDate(myDate) {
    return myDate.constructor.toString().indexOf("Date") > -1;
} 

Answer 15

还有一个变种：

Date.prototype.isPrototypeOf(myDateObject)

Answer 16

通过以下方法，您甚至可以检查日期为“无效日期”

if(!!date.getDate()){
    console.log('date is valid')
}

Answer 17

使用 try/catch 的方法

function getFormattedDate(date = new Date()) {
  try {
    date.toISOString();
  } catch (e) {
    date = new Date();
  }
  return date;
}

console.log(getFormattedDate());
console.log(getFormattedDate('AAAA'));
console.log(getFormattedDate(new Date('AAAA')));
console.log(getFormattedDate(new Date(2018, 2, 10)));

Answer 18

箭头函数

const isValidDate = (value: any) => value instanceof Date && !isNaN(value);

功能：

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

Answer 19

实际上日期的类型是Object。但是您可以检查该对象是否具有getMonth 方法以及它是否可调用。

function getFormatedDate(date) {
    if (date && date.getMonth && date.getMonth.call) {
       var month = date.getMonth();
    }
}

Answer 20

受this answer 启发，此解决方案适用于我的情况（我需要检查从 API 收到的值是否为日期）：

!isNaN(Date.parse(new Date(YourVariable)))

这样，如果是来自客户端的随机字符串，或者任何其他对象，你可以找出它是否是一个类似日期的对象。

Answer 21

我在使用 React 钩子时遇到了一些问题，其中 Date 稍后会进入/延迟加载，然后初始状态不能为 null，它不会通过 ts 检查，但显然一个空的 Object 可以解决问题！ :)

const [birthDate, setBirthDate] = React.useState({})

<input
  value={birthDate instanceof Date ? birthDate.toISOString() : ''}
  name="birthDay"
/>

Answer 22

我们也可以通过下面的代码来验证

var a = new Date();
a.constructor === Date
/*
true
*/

Answer 23

如果您使用的是 Typescript，您可以使用 Date 类型进行检查：

const formatDate( date: Date ) => {}

Answer 24

你就不能用

function getFormatedDate(date) {
    if (date.isValid()) {
       var month = date.GetMonth();
    }
}