在日期选择器中设置默认日期，仅限周二和周三？

Question

我有一个日期选择器，它禁用了过去的所有日子，并且禁用了除周二和周三之外的所有日子。

我希望默认日期是一周中第一个启用的日期。如果是星期二，则应显示星期二，如果是星期三，则应显示星期三。其他任何一天，它都应该在下周二显示在输入字段中。

这是我用于日期选择器的代码。

<script type="text/javascript">   
    $(document).ready(function(){
        $( ".datepicker" ).datepicker({
            minDate:'0',
            changeMonth:true,
            changeYear:true,
        beforeShowDay:
              function(dt)
              {
                  return [dt.getDay() === 2 || dt.getDay() === 3, ""];
              }});
        });
</script>

以及我使用选择器的输入：

<form method="POST">
    <div style='margin:0 auto; text-align:center;'>
        <label>Appointment Date: </label>
        <input type="hidden" name="action" value="list_appointments" />
        <input type="text" id="datepicker" name="date" class="datepicker" />
               <!--value=--><?php #echo date_format(new DateTime("now",new DateTimeZone('America/Chicago')),'m/d/Y');?> 
        <input type="submit" value="Refresh List" name="Update" />
        <br />
    </div>
</form>

Answer 1

您可以使用momentjs 使获取一周中的第二天更容易一些，然后只需使用 if-else 语句来获取正确的一周中的哪一天：

 function setDate() {
   var today = moment().isoWeekday(); //or just = new Date().getDay();
   if (today <= 2) {
     return moment().isoWeekday(2);
   } else if (today === 3) {
     return moment().isoWeekday(3);
   } else {
     return moment().add(1, 'weeks').isoWeekday(2);
   }
 }

然后调用setDate() 函数并将该返回值设置为日期选择器中的日期。

 $('.datepicker').datepicker("setDate", new Date(setDate()));

这是一个工作示例：https://jsfiddle.net/jutcw0ve/