在JQuery中的輸入字段中輸入日期驗證

Question

我有一個接受日期的輸入文本字段。如果距離今天的日期不超過一個月，我需要驗證日期。 例如用戶在2017年7月19日之後無法進入。 如何驗證此字段。

注意：它不是日期選擇器字段。

我嘗試下面的代碼

if(new Date(jQuery('#inputDate').val()) > (new Date().getDate()+31)) { 
       alert("you are not allowed to select after one month"); 
       jQuery('#inputDate').val('');} 

Answer 1

您可以創建自定義AddDays方法，如果條件使用它像以下

Date.prototype.addDays = function(days) { 
 
    var yourDate = new Date(this.valueOf()); 
 
    yourDate.setDate(yourDate.getDate() + days); 
 
    return yourDate; 
 
} 
 

 
var yourDate= new Date(); 
 

 
$("#inputDate").on("change", function(e){ 
 
    // includes current day 
 
    if(new Date($(this).val()) >= yourDate.addDays(30)) 
 
    { 
 
     console.log("you are not allowed to select more than month"); 
 
     alert("you are not allowed to select more than month"); 
 
     $(this).val(""); 
 
    } 
 
    
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<input type="date" id="inputDate">