在 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 方法并在 if 条件下使用它，如下所示

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">