使用 jquery-ui-datepicker 和联系表 7 禁用星期六

Question

你好，我正在尝试禁用日历中的所有星期六
日历是联系表 7，它使用 jquery-ui-datepicker
这是我的短代码：

[date* your-date date-479 id:datepiicker min:today placeholder "date de reservation*" ]

这是我的 Jquery 代码：

jQuery(document).ready(function($) {

$("#datepiicker").datepicker({
    beforeShowDay: function(date) {
        var day = date.getDay();
        return [(day != 6), ''];
    }
});

});

但它不起作用

$("#datepiicker").datepicker({
  beforeShowDay: function(date) {
    var day = date.getDay();
    return [(day != 6), ''];
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<input type="date" id="datepiicker" />

Answer 1

我的解决方案是检查日期。如果是星期六，我可以重置该值并告诉用户使用警报选择其他内容。

jQuery(document).ready(function($) {

const picker = document.getElementById('datepiicker');
picker.addEventListener('input', function(e){
  var day = new Date(this.value).getUTCDay();
  if([6].includes(day)){
    e.preventDefault();
    this.value = '';
    alert("This day is not available ");
  }
});
});