Jak sprawdzić datę w formacie „mm / dd / rrrr” w JavaScript?

107

Chcę sprawdzić poprawność formatu daty na wejściu przy użyciu formatu mm/dd/yyyy.

Znalazłem poniżej kody w jednej witrynie, a potem z nich skorzystałem, ale to nie działa:

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 < 1000 || year > 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!'); 
    } 
}

Jakieś sugestie dotyczące tego, co może być nie tak?

matowe
źródło
3
Witamy w StackOverflow. Możesz formatować kod źródłowy za pomocą {}przycisku paska narzędzi. Tym razem zrobiłem to dla ciebie. Spróbuj również podać trochę informacji o swoim problemie: opis nie działa, jest przydatny jako rozwiązanie tego problemu.
Álvaro González
Jakie formaty daty próbujesz zweryfikować? Czy możesz podać przykład dat, które powinny być ważne?
Niklas
manishprajapati.in/blog/…
Manish Prajapati

Odpowiedzi:

188

Myślę, że Niklas ma właściwą odpowiedź na twój problem. Poza tym myślę, że poniższa funkcja walidacji daty jest nieco łatwiejsza do odczytania:

// 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 < 1000 || year > 3000 || month == 0 || month > 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 && year % 4 == 0))
        monthLength[1] = 29;

    // Check the range of the day
    return day > 0 && day <= monthLength[month - 1];
};
Elian Ebbing
źródło
9
Pamiętaj, aby użyć drugiego argumentu parseInt: parseInt(parts[0], 10). W przeciwnym razie wrzesień 09jest odczytywany jako ósemkowy i
parsowany
1
Kilka lat później i to właśnie zaoszczędziło mi sporo czasu, dzięki za słodką odpowiedź!
PsychoMantis
1
Świetny post! Łączy formatowanie wyrażenia regularnego z analizą potrzebną do walidacji.
James Drinkard
4
Proponuję zmienić wyrażenie regularne na takie: / ^ (\ d {2} | \ d {1}) \ / (\ d {2} | \ d {1}) \ / \ d {4} $ / this sposób łapie jedną cyfrę miesiąca i dnia 05.01.2014. Dzięki za próbkę!
Mitch Labrador
1
To najbardziej kompaktowa, wydajna i elegancka odpowiedź. Powinien to być akceptowany
Zorgatone
122

Użyłbym Moment.js za datę walidacji.

alert(moment("05/22/2012", 'MM/DD/YYYY',true).isValid()); //true

Jsfiddle: http://jsfiddle.net/q8y9nbu5/

truewartość jest dla ścisłego kredytu analizy dla @Andrey Prokhorov, co oznacza

możesz określić wartość logiczną dla ostatniego argumentu, aby Moment używał ścisłego parsowania. Ścisłe analizowanie wymaga dokładnego dopasowania formatu i danych wejściowych, w tym separatorów.

Razan Paul
źródło
23
+1 Absolutnie muszę potwierdzić, że jest to jedyna wyjątkowo poprawna odpowiedź spośród wszystkich przesłanych! NIE CHCESZ robić czegoś tak złożonego, jak samodzielne analizowanie dat!
Theodore R. Smith,
6
Użyj opcji „M / D / RRRR”, aby wprowadzić 1-2 cyfry miesiąca i dnia.
James w Indy
3
dobrze wiedzieć, że trzeci parametr „true” pozostaje dla „użyj ścisłego parsowania” momentjs.com/docs/#/parsing/string-format
Andrey Prokhorov
@Razan Paul, mam nadzieję, że nie masz nic przeciwko, dodałem małe wyjaśnienie dla większej jasności. mądrze jest nie wymyślać kół na nowo, więc odpowiedź puala jest najlepsza w mojej skromnej opinii
Kick Buttowski
1
moment (dateString, 'MM / DD / RRRR', true) .isValid () || moment (dateString, 'M / DD / RRRR', true). isValid () || moment (dateString, 'MM / D / RRRR', true) .isValid ();
Yoav Schniederman
43

Do weryfikacji użyj następującego wyrażenia regularnego:

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

To działa dla mnie dla MM / dd / rrrr.

Ravi Kant
źródło
3
Jak zweryfikujemy rrrr-mm-dd lub nieprawidłową datę, taką jak 9834-66-43
Sandeep Singh
7
Możesz użyć / ^ [0-9] {4} - (0 [1-9] | 1 [0-2]) - (0 [1-9] | [1-2] [0-9] | 3 [0-1]) $ / do walidacji rrrr-mm-dd.
Ravi Kant
2
to jest niesamowite, ponieważ z jednej strony nienawidzę formułowania wyrażeń regularnych, a dwóch lubię ich skuteczność!
jadrake
5
Co się stanie w 3000 roku? :)
TheOne
4
@ Problem TheOne..y3k ..: P
Sathesh
29

Wszystkie kredyty trafiają do elian-ebbing

Tylko dla leniwych zapewniam również niestandardową wersję funkcji dla formatu rrrr-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 < 1000 || year > 3000 || month == 0 || month > 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 && year % 4 == 0))
    {
        monthLength[1] = 29;
    }

    // Check the range of the day
    return day > 0 && day <= monthLength[month - 1];
}
Matija
źródło
To potwierdza, że ​​„2020-5-1” jest prawdziwe, podczas gdy zera wiodące są ignorowane. Uczyniłem to, testując najpierw wzór roku /^(19|20)\d\d$/, miesiąc z /^(0[0-9]|1[0-2])$/i dzień /^(0[1-9]|[12][0-9]|3[01])$/przed analizą. Wtedy zadziałało dzięki.
Hmerman6006
Ponadto, aby przetestować wzór daty dla formatu dokładnie rrrr-mm-dd, to wyrażenie regularne /^\d{4}\-\d{1,2}\-\d{1,2}$/potwierdzi rrrr-mm-dd lub rrrr-md jako prawdziwe, dlatego sprawdza tylko długość, a nie poszczególne części daty. Aby uzyskać dokładną długość rrrr-mm-dd, bez sprawdzania, czy rok, miesiąc i data są prawidłowe, użyj /^\d{4}\-\d{2}\-\d{2}$/zamiast tego.
Hmerman6006
17

Możesz użyć Date.parse()

Możesz przeczytać w dokumentacji MDN

Metoda Date.parse () analizuje ciąg znaków reprezentujący datę i zwraca liczbę milisekund od 1 stycznia 1970 r., 00:00:00 czasu UTC lub NaN, jeśli ciąg jest nierozpoznany lub, w niektórych przypadkach, zawiera niedozwolone wartości dat (np. 2015-02-31).

I sprawdź, czy wynik Date.parseisNaN

let isValidDate = Date.parse('01/29/1980');

if (isNaN(isValidDate)) {
  // when is not valid date logic

  return false;
}

// when is valid date logic

Sprawdź, kiedy zaleca się użycie Date.parsew MDN

Mario
źródło
1
Date.parse poda prawidłową analizę z datą, taką jak „46/7/17”
LarryBud
Zwróci prawdziwy wynik za yyyy /
02/30
11

Wygląda na to, że działa dobrze w przypadku dat w formacie mm / dd / rrrr, na przykład:

http://jsfiddle.net/niklasvh/xfrLm/

Jedynym problemem, jaki miałem z twoim kodem, był fakt, że:

var ExpiryDate = document.getElementById(' ExpiryDate').value;

Miał spację w nawiasach, przed identyfikatorem elementu. Zmieniono to na:

var ExpiryDate = document.getElementById('ExpiryDate').value;

Bez dalszych szczegółów dotyczących typu danych, które nie działają, nie ma nic więcej do wprowadzenia.

Niklas
źródło
9

Funkcja zwróci wartość true, jeśli podany ciąg ma prawidłowy format („MM / DD / RRRR”), w przeciwnym razie zwróci fałsz. (Znalazłem ten kod online i trochę go zmodyfikowałem)

function isValidDate(date) {
    var temp = date.split('/');
    var d = new Date(temp[2] + '/' + temp[0] + '/' + temp[1]);
    return (d && (d.getMonth() + 1) == temp[0] && d.getDate() == Number(temp[1]) && d.getFullYear() == Number(temp[2]));
}

console.log(isValidDate('02/28/2015'));
            

ganesh
źródło
4

Oto jeden fragment do sprawdzenia prawidłowej daty:

function validateDate(dateStr) {
   const regExp = /^(\d\d?)\/(\d\d?)\/(\d{4})$/;
   let matches = dateStr.match(regExp);
   let isValid = matches;
   let maxDate = [0, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
   
   if (matches) {
     const month = parseInt(matches[1]);
     const date = parseInt(matches[2]);
     const year = parseInt(matches[3]);
     
     isValid = month <= 12 && month > 0;
     isValid &= date <= maxDate[month] && date > 0;
     
     const leapYear = (year % 400 == 0)
        || (year % 4 == 0 && year % 100 != 0);
     isValid &= month != 2 || leapYear || date <= 28; 
   }
   
   return isValid
}

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

Daniel Tran
źródło
3

W porządku, jeśli chcesz sprawdzić walidację dd / MM / rrrr

function isValidDate(date) {
    var temp = date.split('/');
    var d = new Date(temp[1] + '/' + temp[0] + '/' + temp[2]);
     return (d && (d.getMonth() + 1) == temp[1] && d.getDate() == Number(temp[0]) && d.getFullYear() == Number(temp[2]));
}

alert(isValidDate('29/02/2015')); // it not exist ---> false
            

szczebel drabiny
źródło
2

Znajdź w poniższym kodzie, który umożliwia przeprowadzenie walidacji daty dla dowolnego z dostarczonych formatów w celu sprawdzenia poprawności dat początkowych / od i końcowych / do. Mogłyby być lepsze podejścia, ale wymyśliłem to. Uwaga: format daty i ciąg daty idą w parze.

<script type="text/javascript">
    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()
            > 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()
            < 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()
            < 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()
            > 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;                                      
    }
</script>

Poniżej znajduje się fragment kodu HTML

<input type="text" name="start" id="start" size="10" value="" />
<br/>
<input type="text" name="end" id="end" size="10" value="" />
<br/>
<input type="button" value="Submit" onclick="javascript:validate();" />
Dinesh Lomte
źródło
Doskonały. To jest to, czego szukałem.
Turbo
1

Większość tego kodu wyciągnąłem z innego posta znalezionego tutaj . Zmodyfikowałem go do swoich celów. To działa dobrze na to, czego potrzebuję. Może to pomóc w twojej sytuacji.

$(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 > 1 ) {
        var splitdate = valDate.split('/');
      } else if ( seperator2.length > 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 > 2 ) {
        if ( dd > 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) && yy % 100) || !(yy % 400) ){
          lyear = true;
        }

        if ( (lyear==false) && (dd>=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) && (dd>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 );
});
sknight
źródło
1

Podobna do odpowiedzi Eliana Ebbinga, ale obsługuj separatory „\”, „/”, „.”, „-”, „”

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 > 12)  { return false; } 
    if (js_day === 0  ||  js_day > 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; 
}
ihorsl
źródło
twoje dni i miesiące są wstecz.
BoundForGlory
1
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() && parts[1]-1 == mydate.getMonth() && parts[0] == mydate.getDate() )
  {result=0;}
  else
  {result=1;}
  return(result);
}
Sai Sreenivas
źródło
3
Chociaż ten kod może odpowiedzieć na pytanie, dostarczenie dodatkowego kontekstu dotyczącego tego, jak i / lub dlaczego rozwiązuje problem, poprawiłoby długoterminową wartość odpowiedzi.
byliśmy
1

Chwila jest naprawdę dobra, aby to rozwiązać. Nie widzę powodu, aby dodawać komplikacje tylko po to, aby sprawdzić datę ... spójrz na chwilę: http://momentjs.com/

HTML:

<input class="form-control" id="date" name="date" onchange="isValidDate(this);" placeholder="DD/MM/YYYY" type="text" value="">

Skrypt:

 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';
    }   
};
Doug Mugnos
źródło
0

Data pierwszego ciągu jest konwertowana na format daty js i ponownie konwertowana na format łańcuchowy, a następnie jest porównywana z oryginalnym ciągiem.

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()<10 ? ('0'+date.getDate()) : date.getDate() )+ '/'+ ((date.getMonth() + 1)<10? ('0'+(date.getMonth() + 1)) : (date.getMonth() + 1) )  + '/' +  date.getFullYear();
    return ( dateString == newDateString);
}
ctw_87
źródło
0

możemy użyć niestandardowej funkcji lub wzoru daty. Poniższy kod to dostosowana funkcja zgodnie z wymaganiami, zmień ją.

 function isValidDate(str) {
        var getvalue = str.split('-');
        var day = getvalue[2];
        var month = getvalue[1];
        var year = getvalue[0];
        if(year < 1901 && year > 2100){
        return false;
        }
        if (month < 1 && month > 12) { 
          return false;
         }
         if (day < 1 && day > 31) {
          return false;
         }
         if ((month==4 && month==6 && month==9 && month==11) && day==31) {
          return false;
         }
         if (month == 2) { // check for february 29th
          var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
          if (day>29 || (day==29 && !isleap)) {
           return false;
         }
         }
         else{
         return true;

         }
        }
VIKRAM
źródło
0

To niezwykłe widzieć post tak stary na tak podstawowy temat, z tak wieloma odpowiedziami, z których żadna nie jest poprawna. (Nie mówię, że żaden z nich nie działa.)

  • Nie jest do tego potrzebna rutyna określania roku przestępnego. Język może wykonać tę pracę za nas.
  • Chwila nie jest do tego potrzebna.
  • Date.parse()nie powinno być używane dla lokalnych ciągów dat. MDN mówi: „Nie zaleca się używania Date.parse, ponieważ do wersji ES5 parsowanie ciągów było całkowicie zależne od implementacji”. Standard wymaga (potencjalnie uproszczonego) ciągu ISO 8601; obsługa każdego innego formatu zależy od implementacji.
  • Nie powinno też new Date(string)być używane, ponieważ używa Date.parse ().
  • IMO dzień przestępny powinien zostać zweryfikowany.
  • Funkcja walidacji musi uwzględniać możliwość, że ciąg wejściowy nie pasuje do oczekiwanego formatu. Na przykład „1a / 2a / 3aaa”, „1234567890” lub „ab / cd / efgh”.

Oto wydajne, zwięzłe rozwiązanie bez niejawnych konwersji. Wykorzystuje chęć konstruktora Date do interpretacji 2018-14-29 jako 2019-03-01. Używa kilku nowoczesnych funkcji językowych, ale w razie potrzeby można je łatwo usunąć. Dołączyłem również kilka testów.

function isValidDate(s) {
    // Assumes s is "mm/dd/yyyy"
    if ( ! /^\d\d\/\d\d\/\d\d\d\d$/.test(s) ) {
        return false;
    }
    const parts = s.split('/').map((p) => parseInt(p, 10));
    parts[0] -= 1;
    const d = new Date(parts[2], parts[0], parts[1]);
    return d.getMonth() === parts[0] && d.getDate() === parts[1] && 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
Jay Dunning
źródło
-1
  1. Javascript

    function validateDate(date) {
        try {
            new Date(date).toISOString();
            return true;
        } catch (e) { 
            return false; 
        }
    }
  2. JQuery

    $.fn.validateDate = function() {
        try {
            new Date($(this[0]).val()).toISOString();
            return true;
        } catch (e) { 
            return false; 
        }
    }

zwraca true dla prawidłowego ciągu daty.

Femi Rufus
źródło
-3
var date = new Date(date_string)

zwraca literał 'Invalid Date'dla dowolnego nieprawidłowego ciągu_daty.

Uwaga: zobacz komentarz poniżej.

Sam jest
źródło
Fałsz: new Date("02-31-2000")daje Thu Mar 02 2000 00:00:00 GMT-0300 (BRT).
falsarella
Aby bardziej szczegółowo omówić przypadek użycia, w którym nie działa, przeczytaj pierwszą uwagę z dokumentacji parametrów daty Mozilli .
falsarella
1
Tak, zostawiam to głównie po to, aby pokazać, że są one alternatywą dla pisania analiz ad hoc. Powyższy link jest autorytatywny. Miły doktor!
samis