JavaScript - 驗證日期

Question

我有一個HTML文本字段。我想通過JavaScript驗證輸入的值是「MM/DD/YY」還是「MM/D/YY」或「MM/DD/YYYY」或「MM/D/YYYY」的有效日期。有沒有這樣的功能？

我覺得有點像isNaN，但我什麼也沒看到。 JavaScript確實無法驗證日期嗎？

Answer 1

JavaScript是否確實無法驗證日期？

號

是否有做這樣的功能？

你需要編寫自己的驗證函數來解析日期格式（正則表達式想到的），然後確定它是否是特定條件內有效號。

Answer 2

你有沒有用Google搜索javascript date validation？它顯示了一些很好的信息，以及一個工作代碼示例here。

Answer 3

如果你想冒險進入JQuery的領域，有很多驗證插件，包括日期驗證。 This plugin是我用過的幾次，並且很好地服務了我。

Answer 4

結賬http://momentjs.com/。使用時，該片段

時刻（yourCandidateString， 'MM-DD-YYYY'）。isValid（）的

應該做的工作。

Answer 5

我建議你幾個解決方案。

1. 用日期選擇器指導用戶輸入。這樣你可以控制輸入格式。 jQueryui datepicker是一個流行的實現。

2. 使用js庫來管理日期時間數據類型（不是Javascript中的實際數據類型!!）。我建議你date.js。

Answer 6

我使用Bootstrap Datepicker。禁用文本框的其中一個選項應該有效。

http://www.eyecon.ro/bootstrap-datepicker/

Answer 7

<input type="text" id="dateinput"/> 

<script type="text/javascript"> 
    $(#"dateinput").datepicker({ 
     buttonImage: "images/calendar.png", 
     dateFormat: "yyyy-MMM-dd" 
    }); 

    function validateDate() { 
     if ($(#"dateinput").val().trim() == "") { 
      // Is a blank date allowed? 
      return true; 
     } 
     var oldVal = $(#"dateinput").val(); // Current value in textbox 
     // Now use jQueryUI datepicker to try and set the date with the current textbox value 
     $(#"dateinput").datepicker("setDate",$(#"dateinput").val()); 
     // Check if the textbox value has changed 
     if (oldVal != $(#"dateinput").val()) { 
      // The datepicker will set something different if the date is invalid 
      $(#"dateinput").val(oldVal); // Set the textbox back to the invalid date 
      alert ("date was invalid"); 
      return false; 
     } else { 
      // If nothing changed, the date must be good. 
      return true; 
     } 
    } 
</script> 

Answer 8

你可以使用JavaScript自己的Date對象，檢查日期。由於日期對象允許對月份和日期值進行一些修改（例如，3月32日將更正爲4月1日），因此您可以檢查創建的日期是否與您輸入的日期相匹配。如果您想要，可以縮短此日期，但清晰度要長一些。

function checkDate(m,d,y) 
{ 
    try { 

     // create the date object with the values sent in (month is zero based) 
     var dt = new Date(y,m-1,d,0,0,0,0); 

     // get the month, day, and year from the object we just created 
     var mon = dt.getMonth() + 1; 
     var day = dt.getDate(); 
     var yr = dt.getYear() + 1900; 

     // if they match then the date is valid 
     if (mon == m && yr == y && day == d) 
     return true; 
     else 
     return false; 
    } 
    catch(e) { 
     return false; 
    } 
} 

Answer 9

似乎沒有這樣做的內置函數。但是，此代碼可能是你在找什麼：

<script type="text/javascript"> 

/**-------------------------- 
//* Validate Date Field script- By JavaScriptKit.com 
//* For this script and 100s more, visit http://www.javascriptkit.com 
//* This notice must stay intact for usage 
---------------------------**/ 

function checkdate(input){ 
    var validformat=/^\d{2}\/\d{2}\/\d{4}$/ //Basic check for format validity 
    var returnval=false 
    if (!validformat.test(input.value)) 
     alert("Invalid Date Format. Please correct and submit again.") 
    else{ //Detailed check for valid date ranges 
     var monthfield=input.value.split("/")[0] 
     var dayfield=input.value.split("/")[1] 
     var yearfield=input.value.split("/")[2] 
     var dayobj = new Date(yearfield, monthfield-1, dayfield) 
     if ((dayobj.getMonth()+1!=monthfield)||(dayobj.getDate()!=dayfield)||(dayobj.getFullYear()!=yearfield)) 
      alert("Invalid Day, Month, or Year range detected. Please correct and submit again.") 
     else 
      returnval=true 
    } 
    if (returnval==false) input.select() 
    return returnval 
} 

</script> 

來源：http://www.javascriptkit.com/script/script2/validatedate.shtml

Answer 10

這是我用它來驗證日期。

Date.parse返回無效日期的NaN。

這支持日期和日期+時間格式。

希望這會有所幫助。

var msg; 
var str = "2013-12-04 23:10:59"; 
str = "2012/12/42"; 
var resp = Date.parse(str); 
if(!isNaN(resp)) { msg='valid date'; } else { msg='invalid date'; } 
console.log(msg);