如何從自定義驗證方法驗證日期？

Question

您好我有以下代碼以驗證日期範圍

HTML：

<div class="form-group"> 
     <label for="txtLastName">Registration Date:</label> 
     <input type="date" class="form-control" id="txtRego" name="txtRego" /> 
    </div> 

JS：

  var f = $('#f1');//this is the form 

      $.validator.addMethod('dateRange', function (value, element) { 

       if ((value >= '1/31/2016' && value <= '3/31/2016')) { 
        return true; 
       } 
       else { 
        return false; 
       } 
      }, 'entered date is out of range'); 

f.validate({ 
       rules: { 

        txtRego: { 
         dateRange: true 
        } 
       }, 
       messages: { 

        txtRego: { 
         dateRange: 'not in range' 
        } 
       } 
      }); 

，但它不驗證的範圍內。爲什麼它不會驗證日期？

Answer 1

試試這個

var f = $('#f1');//this is the form 
var startdate = new Date('1/31/2016'); 
var enddate = new Date('3/31/2016'); 
$.validator.addMethod('dateRange', function(value, element) { 
    var value = new Date(value); 
    if ((value >= startdate && value <= enddate)) { 
     return true; 
    } else { 
     return false; 
    } 
}, 'entered date is out of range'); 

f.validate({ 
    rules : { 

     txtRego : { 
      dateRange : true 
     } 
    }, 
    messages : { 

     txtRego : { 
      dateRange : 'not in range' 
     } 
    } 
});