使用带有联系表 7 的 jquery-ui-datepicker 禁用星期六答案

【问题标题】：disable saturday using jquery-ui-datepicker with contact form 7使用带有联系表 7 的 jquery-ui-datepicker 禁用星期六
【发布时间】：2023-03-24 18:55:01
【问题描述】：

您好，我正在尝试从我的日历中禁用所有星期六
日历是联系表格 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" />

【问题讨论】：

不是星期六
哦，但我知道你的标题是星期天说的。你有任何错误吗？另外，您的“短代码”与问题有什么关系？你在用它还是？
是的，我在我的 wordpress 网站中使用了这个简码，我可以看到日历，但用户可以选择星期六（这是标题中的错误，抱歉），控制台中也没有错误
您的代码工作正常 - 从我编辑的问题中可以看出。检查本地版本的控制台是否有错误，并确保已将所有必要的 JS 库正确添加到页面。
不是 100% 与此相关，但为什么你在另一个就绪函数中有一个就绪函数？在您的 custom.js 文件中

标签： javascript jquery wordpress jquery-ui-datepicker contact-form-7

【解决方案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 ");
  }
});
});

【讨论】：