javascript - 日期选择器(忽略无效日期)

Question

嘿伙计，我有一个日期选择器，我在其中禁用了周末。但问题是用户可以输入周末的日期

$("[name=startdatecontract]").datepicker({  
    minDate : 2,
    beforeShowDay: $.datepicker.noWeekends
});

用户必须能够编写它。但是当日期在周末时，我需要一些可以忽略或出错的东西。 + 如果日期不是从今天算起的 2 天

Answer 1

试试这个代码

我在这里检查用户输入的日期是否是周末，并且(如果日期不是从今天算起的 2 天)在 change 函数上

$("#datepicker").datepicker({ 
minDate : 2,
beforeShowDay: $.datepicker.noWeekends 
}).on("change", function(e) {
var curDate = $(this).datepicker("getDate");
var minDate = $( "#datepicker" ).datepicker( "option", "minDate" );
var maxDate = new Date(new Date().setDate(new Date().getDate() + minDate));
var datee=(this.value, curDate)>=maxDate?(this.value, curDate):null;
    if(datee!==null){
          var day = datee.getDay();
          if (day==6||day==0) {
              alert("invalid date");
              this.value="";
          }
     }
     else{
           alert("invalid date");
           this.value="";
     }
    });

$("#datepicker").datepicker({ 
minDate : 2,
beforeShowDay: $.datepicker.noWeekends 
}).on("change", function(e) {
var curDate = $(this).datepicker("getDate");
var minDate = $( "#datepicker" ).datepicker( "option", "minDate" );
var maxDate = new Date(new Date().setDate(new Date().getDate() + minDate));
var datee=(this.value, curDate)>=maxDate?(this.value, curDate):null;
if(datee!==null){
      var day = datee.getDay();
      if (day==6||day==0) {
          alert("invalid date");
          this.value="";
      }
 }
 else{
       alert("invalid date");
       this.value="";
 }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<div class="block">
  <input id="datepicker" type="text" />
</div>