帶有日期驗證的ASP.net MVC Datepicker

Question

任何人都可以告訴我這段代碼有什麼問題嗎？我試圖在允許用戶輸入時將datepicker日期的日期驗證爲mm/dd/yyyy。我使用了建議給我的驗證代碼，並在其中有一些其他代碼，以確保當他們向下鼠標或按下Tab鍵（如果他們根本沒有放入日期）彈出式日曆消失。

$(function() { 
     $('.datepicker2').datepicker() 
     .on('changeDate', function (ev) { 
      $('.datepicker2').datepicker('hide'); 
     }); 
     ForceDatePickerFormat(); 
    }); 

    function ForceDatePickerFormat(dateValue) { 
     $('.datepicker2').on('keydown', function (e) { 
      var keyCode = e.keyCode || e.which; 
      if (keyCode == 9) { 
       $('.datepicker2').datepicker('hide'); 
      } 
     }); 
     $(".datepicker2").on("blur", function (e) { 
       var selectedDate = dateValue; 
       if(selectedDate == '') 
       return false; 

       var regExp = /^(\d{1,2})(\/|-)(\d{1,2})(\/|-)(\d{4})$/; //Declare Regex 
       var dateArray = selectedDate.match(regExp); // is format OK? 

       if (dateArray == null){ 
       return false; 
       } 

       month = dateArray[1]; 
       day= dateArray[3]; 
       year = dateArray[5];   

       if (month < 1 || month > 12){ 
        return false; 
       }else if (day < 1 || day> 31){ 
        return false; 
       }else if ((month==4 || month==6 || month==9 || month==11) && day ==31){ 
        return false; 
       }else if (month == 2){ 
       var isLeapYear = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0)); 
       if (day> 29 || (day ==29 && !isLeapYear)){ 
        return false 
       } 
      } 
      return true; 
     }); 
    } 

Answer 1

按照鏈接：

http://formvalidation.io/examples/jquery-ui-datepicker/

$(function() { 
 

 
    $("#jQueryValidateTest").validate(); 
 

 
    $("[type=date]").datepicker({ 
 
    onClose: function() { 
 
     $(this).valid(); 
 
    } 
 
    }); 
 
});

.valid { 
 
    background: green; 
 
    color: #fff; 
 
} 
 
.error { 
 
    background: red; 
 
    color: #fff; 
 
}

<form id="jQueryValidateTest"> 
 
    <input type="date" required> 
 
</form>​