ฉันต้องการบอกความแตกต่างระหว่างวัตถุวันที่ที่ถูกต้องและไม่ถูกต้องใน 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 ของฉันยอมรับอินสแตนซ์วันที่และเพื่อให้สามารถตรวจสอบ / ยืนยันว่ามันถูกต้องหรือไม่ โซลูชันของ 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 อื่น ๆ (windows, กรอบหรือ iframes ภายนอก) รูปแบบที่ง่ายกว่านี้อาจเป็นที่ต้องการ:

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()ส่งคืนการประทับเวลาซึ่งเป็นจำนวนเต็มแทนจำนวนมิลลิวินาทีตั้งแต่ 01 / Jan / 1970 มันจะกลับมา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 ของเดือน (หรือวันที่ 29 กุมภาพันธ์ในปีที่ไม่ได้ก้าวกระโดด), วันที่ 367 ของปี ฯลฯ การล้นมีดัชนีของหน่วยที่ไม่ถูกต้อง เพื่อจับคู่ #invalidAt (ดูด้านล่าง); -1 หมายถึงไม่มีการล้น
• invalidMonth: ชื่อเดือนไม่ถูกต้องเช่นช่วงเวลา ('Marbruary', 'MMMM'); มีสตริงเดือนที่ไม่ถูกต้องหรืออื่น ๆ เป็นโมฆะ
• empty: สตริงอินพุตที่ไม่มีการแยกวิเคราะห์อะไรเช่นเดี๋ยว ('this is ไร้สาระ'); บูลีน
• เป็นต้น

ที่มา: http://momentjs.com/docs/

ต้องการพูดถึงว่าวิดเจ็ต jQuery UI DatePicker มีวิธียูทิลิตี้ตัวตรวจสอบวันที่ที่ดีมากที่ตรวจสอบรูปแบบและความถูกต้อง (เช่นไม่อนุญาตวันที่ 01/33/2013)

แม้ว่าคุณไม่ต้องการใช้วิดเจ็ต datepicker บนหน้าของคุณเป็นองค์ประกอบ UI คุณสามารถเพิ่มไลบรารี. js ในหน้าของคุณจากนั้นเรียกวิธีการตรวจสอบความถูกต้องผ่านค่าที่คุณต้องการตรวจสอบ เพื่อทำให้ชีวิตง่ายขึ้นใช้สตริงเป็นอินพุตไม่ใช่วัตถุวันที่ของ JavaScript

ดู: http://api.jqueryui.com/datepicker/

มันไม่ได้ระบุว่าเป็นวิธีการ แต่มี - เป็นฟังก์ชั่นยูทิลิตี้ ค้นหาหน้าสำหรับ "แยกวิเคราะห์" และคุณจะพบ:

$ .datepicker.parseDate (รูปแบบค่าการตั้งค่า) - แยกวันที่จากค่าสตริงด้วยรูปแบบที่ระบุ

ตัวอย่างการใช้งาน:

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.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 ด้วย scirpt นี้ ถ้ามันอยู่ในรูปแบบที่ไม่ถูกต้อง Date obejct จะไม่อินสแตนซ์และส่งคืน null เป็น dt

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

สำหรับรายละเอียดโปรดดูวันที่ตรวจสอบในจาวาสคริปต์

มีคำตอบที่ซับซ้อนมากเกินไปแล้วที่นี่ แต่บรรทัดง่ายพอ (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'));

วิธีพิมพ์อักษร:

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

ไม่มีคำตอบใด ๆ ที่ใช้ได้สำหรับฉัน (ทดสอบใน Safari 6.0) เมื่อพยายามตรวจสอบวันที่เช่น 2/31/2012 แต่ก็ใช้ได้ดีเมื่อพยายามวันที่ใด ๆ ที่มากกว่า 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"

นี่คือการทดสอบ

อินพุต: "hahaha", เอาต์พุต: false

อินพุต: "29/2/2000", เอาต์พุต: จริง

อินพุต: "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.toISOStringพ่นRangeError(อย่างน้อยใน Chromium และ Firefox) ในวันที่ไม่ถูกต้อง คุณสามารถใช้มันเป็นวิธีการตรวจสอบและอาจไม่จำเป็นisValidDateเช่น (EAFP) มิฉะนั้นมันคือ:

function isValidDate(d)
{
  try
  {
    d.toISOString();
    return true;
  }
  catch(ex)
  {
    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 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

ฉันคิดว่าบางอย่างนี้เป็นกระบวนการที่ยาวนาน เราสามารถตัดสั้นตามที่แสดงด้านล่าง:

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

สำหรับส่วนประกอบพื้นฐานของวันที่:

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)