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 nonsense'）;のように、解析できないものを含む入力文字列。ブール。
• 等。

出典：http : //momentjs.com/docs/

jQuery UI DatePickerウィジェットには、形式と有効性をチェックする非常に優れた日付検証ユーティリティメソッドがある（たとえば、2013年1月33日の日付は許可されていない）ことを述べておきます。

ページの日付ピッカーウィジェットを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オブジェクトになります。そうでない場合は、未定義になります。

私はクリストフのアプローチが本当に好きでした（しかし、投票するほどの評判はありませんでした）。私が使用するために、私は常にDateオブジェクトを持っていることを知っているので、valid（）メソッドで日付を拡張しました。

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のチェック日付を参照してください。

ここにはすでに複雑な答えが多すぎますが、単純な行で十分です（ES5）：

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

またはES6でも：

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

この小さなスニペットに非常に近い回答がいくつかありました。

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

素敵な解決策！私の補助関数のライブラリに含まれていますが、次のようになっています。

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

これはちょうど私のために働いた

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

しかし、これはうまくいきませんでした

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

Angular.jsプロジェクトの場合、以下を使用できます。

angular.isDate(myDate);

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

上記の解決策のどれも私にとってはうまくいきませんでしたが、うまくいったことは

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にすると、無効であることを示します

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

この関数を書きました。文字列パラメータを渡すと、この形式 "dd / MM / yyyy"に基づいて有効な日付かどうかが判断されます。

ここにテストがあります

入力：「ははは」、出力：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;    
  }    
}

ボーガーのアプローチに触発されて、コードが日付を検証するだけでなく、実際に日付が実際の日付であることを確認しました。つまり、2011年9月31日や2011年2月2日などの日付は許可されません。

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

選んだ答えは素晴らしく、私も使っています。ただし、ユーザーの日付入力を検証する方法を探している場合、無効な構築引数のように見えるものを有効なものに変換することについて、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（）に誤った日付が表示される

これのいくつかは長いプロセスだと思います。以下に示すように短くできます。

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

日付の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)