jQuery DatePicker select 仅限周六

Question

我想将 jquery ui 中的日期选择器设置为仅允许星期六。这取决于另一个选定的字段，因此只有一个位置需要具有此功能。

在此之前我像这样初始化它们

$(".datepicker").datepicker();

所有日期字段都有 .datepicker class

如果它在那个单一地点，到达日期将更改为此

$(".arrival-date").datepicker(
    {
        beforeShowDay: function(date){
            if(date.getDay() == 6){
                return [true];
            } else {
                return [false];
            }
        }
    }
);

直接在控制台上试了也没用

Answer 1

你可以试试这个：

$( ".arrival-date" ).datepicker('option','beforeShowDay',function(date){
    var today = date.getDay();
    var result = [(date.getDay() == 6),'',(today == 'Sat' ) ? '': 'Not saturday'];
    return result;
});

Answer 2

$(".datepicker").datepicker({
  numberOfMonths: 3,
  dateFormat: "m/d/yy",
  altField: "#altFormat",
  changeMonth: true,
  changeYear: true,
  altFormat: "yy-mm-dd",
  minDate: 0,
  beforeShowDay: function(date) {
    var day = date.getDay();
    return [day == 6, ''];
  }
});

#ui-datepicker-div {
  font-size: 12px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'></script>
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> Date Picker on input field: <input type="text" id="datepicker" class='datepicker' name="date1" /> <br/>

jQuery DatePicker select 仅限周六

jQuery DatePicker select only saturday

jquery

jquery-ui-datepicker