How to validate date with format mm dd yyyy in JavaScript

Question

I want to validate the date format on an input using the format mm dd yyyy   I found below codes in one site and then used it but it doesn t work   function isDate ExpiryDate         var objDate      date object initialized from the ExpiryDate string          mSeconds     ExpiryDate in milliseconds          day          day          month        month          year         year         date length should be 10 characters  no more no less       if  ExpiryDate length     10             return false                 third and sixth character should be          if  ExpiryDate substring 2  3             ExpiryDate substring 5  6                      return false                 extract month  day and year from the ExpiryDate  expected format is mm dd yyyy          subtraction will cast variables to integer implicitly  needed         for     comparing       month   ExpiryDate substring 0  2  - 1     because months in JS start from 0      day   ExpiryDate substring 3  5  - 0       year   ExpiryDate substring 6  10  - 0          test year range      if  year  lt  1000    year  gt  3000             return false                 convert ExpiryDate to milliseconds      mSeconds    new Date year  month  day   getTime            initialize Date   object from calculated milliseconds      objDate   new Date         objDate setTime mSeconds           compare input date and parts from Date   object         if difference exists then date isn t valid      if  objDate getFullYear       year             objDate getMonth       month             objDate getDate       day             return false                 otherwise return true      return true      function checkDate            define date string to test      var ExpiryDate   document getElementById   ExpiryDate   value          check date and print message      if  isDate ExpiryDate              alert  OK                else            alert  Invalid date format                 Any suggestion about what could be wrong

User · Answer

Use the following regular expression to validate:

var date_regex = /^(0[1-9]|1[0-2])\/(0[1-9]|1\d|2\d|3[01])\/(19|20)\d{2}$/;
if (!(date_regex.test(testDate))) {
    return false;
}

This is working for me for MM/dd/yyyy.

User · Answer

I think Niklas has the right answer to your problem  Besides that  I think the following date validation function is a little bit easier to read      Validates that the input string is a valid date formatted as  mm dd yyyy  function isValidDate dateString           First check for the pattern     if     d 1 2    d 1 2    d 4    test dateString           return false          Parse the date parts to integers     var parts   dateString split           var day   parseInt parts 1   10       var month   parseInt parts 0   10       var year   parseInt parts 2   10           Check the ranges of month and year     if year  lt  1000    year  gt  3000    month    0    month  gt  12          return false       var monthLength     31  28  31  30  31  30  31  31  30  31  30  31            Adjust for leap years     if year   400    0     year   100    0  amp  amp  year   4    0           monthLength 1    29          Check the range of the day     return day  gt  0  amp  amp  day  lt   monthLength month - 1

User · Answer

Here is one snippet to check for valid date    x000D   x000D  function validateDate dateStr    x000D     const regExp       d d      d d      d 4      x000D     let matches   dateStr match regExp   x000D     let isValid   matches  x000D     let maxDate    0  31  29  31  30  31  30  31  31  30  31  30  31   x000D      x000D     if  matches    x000D       const month   parseInt matches 1    x000D       const date   parseInt matches 2    x000D       const year   parseInt matches 3    x000D        x000D       isValid   month  lt   12  amp  amp  month  gt  0  x000D       isValid  amp   date  lt   maxDate month   amp  amp  date  gt  0  x000D        x000D       const leapYear    year   400    0  x000D              year   4    0  amp  amp  year   100    0   x000D       isValid  amp   month    2    leapYear    date  lt   28   x000D       x000D      x000D     return isValid x000D    x000D   x000D  console log   1 1 2017    01 1 2017    1 01 2017    01 01 2017    13 12 2017    13 13 2017    12 35 2017   map validateDate    x000D   x000D   x000D

User · Answer

You could use Date parse    You can read in MDN documentation     The Date parse   method parses a string representation of a date  and   returns the number of milliseconds since January 1  1970  00 00 00 UTC   or NaN if the string is unrecognized or  in some cases  contains   illegal date values  e g  2015-02-31     And check if the result of Date parse isNaN  let isValidDate   Date parse  01 29 1980     if  isNaN isValidDate          when is not valid date logic    return false        when is valid date logic   Please take a look when is recommended to use Date parse in MDN

User · Answer

Moment is really a good one to resolve it  I don t see reason to add complexity just to check date    take a look on moment   http   momentjs com   HTML     lt input class  form-control  id  date  name  date  onchange  isValidDate this    placeholder  DD MM YYYY  type  text  value    gt    Script     function isValidDate dateString         var dateToValidate   dateString value     var isValid   moment dateToValidate   MM DD YYYY  true  isValid       if  isValid            dateString style backgroundColor     FFFFFF         else           dateString style backgroundColor     fba

User · Answer

I would use Moment js for date validation   alert moment  05 22 2012    MM DD YYYY  true  isValid       true   Jsfiddle  http   jsfiddle net q8y9nbu5   true value is for strict parsing credit to  Andrey Prokhorov which means     you may specify a boolean for the last argument to make Moment use   strict parsing  Strict parsing requires that the format and input   match exactly  including delimeters

User · Answer

var date   new Date date string    returns the literal  Invalid Date  for any invalid date string   Note  Please see the comment s below

User · Answer

I pulled most of this code from another post found here  I have modified it for my purposes  This works well for what I need  It may help with your situation     window  load function       function checkDate         var dateFormat      0  1-9   12  0-9  3 01      -  0  1-9  1 012      -  d 4         var valDate     this  val        if   valDate match  dateFormat              this  css  border   1px solid  cccccc   color     555555    font-weight    normal          var seperator1   valDate split             var seperator2   valDate split  -           if   seperator1 length  gt  1             var splitdate   valDate split               else if   seperator2 length  gt  1             var splitdate   valDate split  -                   var dd   parseInt splitdate 0          var mm   parseInt splitdate 1          var yy   parseInt splitdate 2          var ListofDays    31 28 31 30 31 30 31 31 30 31 30 31          if   mm    1    mm  gt  2             if   dd  gt  ListofDays mm - 1                  this  val                  this  css  border   solid red 1px   color    red    font-weight    bold              alert  Invalid Date  You used a date which does not exist in the known calender               return false                           if   mm    2            var lyear   false          if      yy   4   amp  amp  yy   100       yy   400               lyear   true                     if    lyear  false   amp  amp   dd gt  29                  this  val                  this  css  border   solid red 1px   color    red    font-weight    bold              alert  Invalid Date  You used Feb 29th for an invalid leap year              return false                     if    lyear  true   amp  amp   dd gt 29                  this  val                  this  css  border   solid red 1px   color    red    font-weight    bold              alert  Invalid Date  You used a date greater than Feb 29th in a valid leap year              return false                         else           this  val              this  css  border   solid red 1px   color    red    font-weight    bold          alert  Date format was invalid  Please use format mm dd yyyy          return false                    from date   change  checkDate          to date   change  checkDate

User · Answer

we can use customized function or date pattern  Below code is customized function as per your requirement please change it     function isValidDate str            var getvalue   str split  -            var day   getvalue 2           var month   getvalue 1           var year   getvalue 0           if year  lt  1901  amp  amp  year  gt  2100           return false                    if  month  lt  1  amp  amp  month  gt  12               return false                      if  day  lt  1  amp  amp  day  gt  31              return false                      if   month  4  amp  amp  month  6  amp  amp  month  9  amp  amp  month  11   amp  amp  day  31              return false                      if  month    2       check for february 29th           var isleap    year   4    0  amp  amp   year   100    0    year   400    0              if  day gt 29     day  29  amp  amp   isleap                return false                                 else           return true

User · Answer

Javascript  function validateDate date        try           new Date date  toISOString            return true        catch  e             return false            JQuery    fn validateDate   function         try           new Date   this 0   val    toISOString            return true        catch  e             return false              returns true for a valid date string

User · Answer

All credits go to elian-ebbing  Just for the lazy ones here I also provide a customized version of the function for the format yyyy-mm-dd   function isValidDate dateString           First check for the pattern     var regex date      d 4  - d 1 2  - d 1 2          if  regex date test dateString                 return false                Parse the date parts to integers     var parts     dateString split  -        var day       parseInt parts 2   10       var month     parseInt parts 1   10       var year      parseInt parts 0   10           Check the ranges of month and year     if year  lt  1000    year  gt  3000    month    0    month  gt  12                return false             var monthLength     31  28  31  30  31  30  31  31  30  31  30  31            Adjust for leap years     if year   400    0     year   100    0  amp  amp  year   4    0                 monthLength 1    29                Check the range of the day     return day  gt  0  amp  amp  day  lt   monthLength month - 1

User · Answer

It appears to be working fine for mm dd yyyy format dates  example   http   jsfiddle net niklasvh xfrLm   The only problem I had with your code was the fact that   var ExpiryDate   document getElementById   ExpiryDate   value    Had a space inside the brackets  before the element ID  Changed it to   var ExpiryDate   document getElementById  ExpiryDate   value    Without any further details regarding the type of data that isn t working  there isn t much else to give input on

User · Answer

First string date is converted to js date format and converted into string format again  then it is compared with original string   function dateValidation        var dateString    34 05 2019      var dateParts   dateString split           var date  new Date  dateParts 2   dateParts 1  - 1   dateParts 0         var isValid   isValid  dateString  date        console log  Is valid date      isValid      function isValidDate dateString  date        var newDateString     date getDate   lt 10     0  date getDate      date getDate             date getMonth     1  lt 10    0   date getMonth     1      date getMonth     1              date getFullYear        return   dateString    newDateString

User · Answer

Similar to Elian Ebbing answer  but support                 -       delimiters  function js validate date dmyyyy js datestr        var js days in year     0  31  28  31  30  31  30  31  31  30  31  30  31        var js datepattern       d 1 2       -         d 1 2       -         d 4           if    js datepattern test js datestr     return false         var js match   js datestr match js datepattern       var js day   parseInt js match 1        var js delimiter1   js match 2       var js month   parseInt js match 3        var js delimiter2   js match 4       var js year   parseInt js match 5                                     if  js is leap year js year     js days in year 2    29         if  js delimiter1     js delimiter2    return false         if  js month     0      js month  gt  12     return false         if  js day     0      js day  gt  js days in year js month       return false          return true     function js is leap year js year         if js year   4     0                 if js year   100     0                         if js year   400     0                                 return true                              else return false                      else return true              return false

User · Answer

The function will return true if the given string is in the right format  MM DD YYYY   else it will return false   I found this code online  amp  modified it a little    x000D   x000D  function isValidDate date    x000D      var temp   date split       x000D      var d   new Date temp 2          temp 0          temp 1    x000D      return  d  amp  amp   d getMonth     1     temp 0   amp  amp  d getDate      Number temp 1    amp  amp  d getFullYear      Number temp 2     x000D    x000D   x000D  console log isValidDate  02 28 2015     x000D               x000D   x000D   x000D

User · Answer

Find in the below code which enables to perform the date validation for any of the supplied format to validate start from and end to dates  There could be some better approaches but have come up with this  Note supplied date format and date string go hand in hand    lt script type  text javascript  gt      function validate              var format    yyyy-MM-dd            if isAfterCurrentDate document getElementById  start   value  format                 alert  Date is after the current date               else               alert  Date is not after the current date                       if isBeforeCurrentDate document getElementById  start   value  format                 alert  Date is before current date               else               alert  Date is not before current date                       if isCurrentDate document getElementById  start   value  format                 alert  Date is current date               else               alert  Date is not a current date                       if  isBefore document getElementById  start   value  document getElementById  end   value  format                 alert  Start Effective Date cannot be greater than End Expiration Date              else               alert  Valid dates                         if  isAfter document getElementById  start   value  document getElementById  end   value  format                 alert  End Expiration Date cannot be less than Start Effective Date              else               alert  Valid dates                         if  isEquals document getElementById  start   value  document getElementById  end   value  format                 alert  Dates are equals                 else               alert  Dates are not equals                         if  isDate document getElementById  start   value  format                 alert  Is valid date                 else               alert  Is invalid date                                       This method gets the year index from the supplied format             function getYearIndex format             var tokens   splitDateFormat format            if  tokens 0       YYYY                     tokens 0       yyyy                 return 0            else if  tokens 1      YYYY                     tokens 1       yyyy                 return 1            else if  tokens 2       YYYY                     tokens 2       yyyy                 return 2                       Returning the default value as -1         return -1                        This method returns the year string located at the supplied index             function getYear date  index             var tokens   splitDateFormat date           return tokens index                         This method gets the month index from the supplied format             function getMonthIndex format             var tokens   splitDateFormat format            if  tokens 0       MM                     tokens 0       mm                 return 0            else if  tokens 1       MM                     tokens 1       mm                 return 1            else if  tokens 2       MM                     tokens 2       mm                 return 2                       Returning the default value as -1         return -1                        This method returns the month string located at the supplied index             function getMonth date  index             var tokens   splitDateFormat date           return tokens index                         This method gets the date index from the supplied format             function getDateIndex format             var tokens   splitDateFormat format            if  tokens 0       DD                     tokens 0       dd                 return 0            else if  tokens 1       DD                     tokens 1       dd                 return 1            else if  tokens 2       DD                     tokens 2       dd                 return 2                       Returning the default value as -1         return -1                        This method returns the date string located at the supplied index             function getDate date  index             var tokens   splitDateFormat date           return tokens index                         This method returns true if date1 is before date2 else return false             function isBefore date1  date2  format               Validating if date1 date is greater than the date2 date         if  new Date getYear date1  getYearIndex format                     getMonth date1  getMonthIndex format   - 1                   getDate date1  getDateIndex format    getTime                gt  new Date getYear date2  getYearIndex format                     getMonth date2  getMonthIndex format   - 1                   getDate date2  getDateIndex format    getTime                  return true                     return false                                        This method returns true if date1 is after date2 else return false             function isAfter date1  date2  format               Validating if date2 date is less than the date1 date         if  new Date getYear date2  getYearIndex format                     getMonth date2  getMonthIndex format   - 1                   getDate date2  getDateIndex format    getTime                lt  new Date getYear date1  getYearIndex format                     getMonth date1  getMonthIndex format   - 1                   getDate date1  getDateIndex format    getTime                               return true                     return false                                        This method returns true if date1 is equals to date2 else return false             function isEquals date1  date2  format               Validating if date1 date is equals to the date2 date         if  new Date getYear date1  getYearIndex format                     getMonth date1  getMonthIndex format   - 1                   getDate date1  getDateIndex format    getTime                   new Date getYear date2  getYearIndex format                     getMonth date2  getMonthIndex format   - 1                   getDate date2  getDateIndex format    getTime                  return true                     return false                        This method validates and returns true if the supplied date is         equals to the current date              function isCurrentDate date  format               Validating if the supplied date is the current date         if  new Date getYear date  getYearIndex format                     getMonth date  getMonthIndex format   - 1                   getDate date  getDateIndex format    getTime                   new Date new Date   getFullYear                         new Date   getMonth                         new Date   getDate    getTime                  return true                     return false                                        This method validates and returns true if the supplied date value         is before the current date              function isBeforeCurrentDate date  format               Validating if the supplied date is before the current date         if  new Date getYear date  getYearIndex format                     getMonth date  getMonthIndex format   - 1                   getDate date  getDateIndex format    getTime                lt  new Date new Date   getFullYear                         new Date   getMonth                         new Date   getDate    getTime                  return true                     return false                                        This method validates and returns true if the supplied date value         is after the current date              function isAfterCurrentDate date  format               Validating if the supplied date is before the current date         if  new Date getYear date  getYearIndex format                     getMonth date  getMonthIndex format   - 1                   getDate date  getDateIndex format    getTime                gt  new Date new Date   getFullYear                        new Date   getMonth                         new Date   getDate    getTime                  return true                     return false                                        This method splits the supplied date OR format based         on non alpha numeric characters in the supplied string              function splitDateFormat dateFormat               Spliting the supplied string based on non characters         return dateFormat split   W                         This method validates if the supplied value is a valid date              function isDate date  format                               Validating if the supplied date string is valid and not a NaN  Not a Number          if   isNaN new Date getYear date  getYearIndex format                     getMonth date  getMonthIndex format   - 1                   getDate date  getDateIndex format                                        return true                     return false                                               lt  script gt    Below is the HTML snippet   lt input type  text  name  start  id  start  size  10  value      gt   lt br  gt   lt input type  text  name  end  id  end  size  10  value      gt   lt br  gt   lt input type  button  value  Submit  onclick  javascript validate       gt

User · Answer

It s ok if you want to check validate dd MM yyyy    x000D   x000D  function isValidDate date    x000D      var temp   date split       x000D      var d   new Date temp 1          temp 0          temp 2    x000D       return  d  amp  amp   d getMonth     1     temp 1   amp  amp  d getDate      Number temp 0    amp  amp  d getFullYear      Number temp 2     x000D    x000D   x000D  alert isValidDate  29 02 2015        it not exist --- gt  false x000D               x000D   x000D   x000D

User · Answer

It s unusual to see a post so old on such a basic topic  with so many answers  none of them right   I m not saying none of them work    A leap-year determination routine is not needed for this  The language can do that work for us  Moment is not needed for this  Date parse   shouldn t be used for local date strings  MDN says  quot It is not recommended to use Date parse as until ES5  parsing of strings was entirely implementation dependent  quot  The standard requires a  potentially simplified  ISO 8601 string  support for any other format is implementation-dependent  Nor should new Date string  be used  because that uses Date parse    IMO the leap day should be validated  The validation function must account for the possibility that the input string doesn t match the expected format  For example   1a 2a 3aaa    1234567890   or  ab cd efgh    Here s an efficient  concise solution with no implicit conversions  It takes advantage of the Date constructor s willingness to interpret 2018-14-29 as 2019-03-01  It does use a couple modern language features  but those are easily removed if needed  I ve also included some tests  function isValidDate s           Assumes s is  quot mm dd yyyy quot      if        d d   d d   d d d d   test s              return false            const parts   s split      map  p    gt  parseInt p  10        parts 0  -  1      const d   new Date parts 2   parts 0   parts 1        return d getMonth       parts 0   amp  amp  d getDate       parts 1   amp  amp  d getFullYear       parts 2      function testValidDate s        console log s  isValidDate s      testValidDate  01 01 2020       true testValidDate  02 29 2020       true testValidDate  02 29 2000       true testValidDate  02 29 1900       false testValidDate  02 29 2019       false testValidDate  01 32 1970       false testValidDate  13 01 1970       false testValidDate  14 29 2018       false testValidDate  1a 2b 3ccc       false testValidDate  1234567890       false testValidDate  aa bb cccc       false testValidDate null              false testValidDate                   false

User · Answer

function fdate validate vi      var parts  vi split         var result    var mydate   new Date parts 2  parts 1 -1 parts 0      if  parts 2     mydate getYear    amp  amp  parts 1 -1    mydate getMonth    amp  amp  parts 0     mydate getDate        result 0     else    result 1     return result

[javascript] How to validate date with format "mm/dd/yyyy" in JavaScript?

Examples related to javascript

Examples related to validation

Examples related to date