如何在 jquery ui 日期选择器中同时禁用周末和选定日期？

Posted 2023-05-08

【中文标题】如何在 jquery ui 日期选择器中同时禁用周末和选定日期？

【英文标题】：How do I disable both weekends and selected dates in jquery ui date picker?

【发布时间】：2021-08-23 13:08:02

【问题描述】：

理想情况下，日期数组将检查我的谷歌日历中的日期，我想在我的日历中阻止这些日期

<script> $(document).ready(function()

    var dates = ["06-08-2021"];
 
    function DisableDates(date) 
    var string = jQuery.datepicker.formatDate('mm-dd-yy', date);
    return [dates.indexOf(string) == -1];

 


    $("#datepicker").datepicker(
        dateFormat: 'mm-dd-yy', 
        beforeShowDay: $.datepicker.noWeekends,
        beforeShowDay: DisableDates
    );

)
    </script>

【问题讨论】：

去掉noWeekends 并在DisableDates() 函数中检查日期索引。对象不能有重复的键

那么我该如何添加这两个功能呢？

周日索引为零，周六为6

【参考方案1】：

这将起作用：

var dates = ["06-08-2021"];

function DisableDates(date) 
  var noWeekend = $.datepicker.noWeekends(date);
  if (noWeekend[0]) 
    var string = jQuery.datepicker.formatDate('mm-dd-yy', date);
    return [dates.indexOf(string) == -1];
   else 
    return noWeekend;
  


$("#datepicker").datepicker(
  dateFormat: 'mm-dd-yy',
  beforeShowDay: DisableDates
);

<link href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<p>Date: <input type="text" id="datepicker"></p>