修改 jQuery UI Datepicker 行为

【问题标题】：Modifying jQuery UI Datepicker behaviour修改 jQuery UI Datepicker 行为
【发布时间】：2020-07-23 15:04:38
【问题描述】：

我正在尝试修改 jQuery UI 日期选择器上的 2 个元素。

禁用周一和周日
禁用当前日期和过去的日期。

就上下文而言，这是为了让人们可以选择未来的店内取货日期。

我有禁用周一+周日工作

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

   $("#after_order_notes_choose_a_collection").datepicker({
beforeShowDay: function(d)
  { return [!(d.getDay()==1||d.getDay()==0)] }
 
   });
  
}); })(jQuery);

以下脚本本身似乎无法正常工作

(function($) {
$(document).ready(function() {$('').datepicker({ minDate: 0 });
})(jQuery);

当我添加它时，它会破坏第一个。

我尝试了第二个的一系列变体，但没有一个奏效并且都破坏了第一个。

想知道是否有人有任何见解？

【问题讨论】：

标签： jquery jquery-ui calendar

【解决方案1】：

你们很亲密！

使用minDate 属性来帮助禁用当前（或过去的日期）。

来自 API：

数字：从今天开始的天数。例如 2 代表两天从今天开始，-1 代表昨天。

因此，根据该信息，我们可以使用 1 作为“从今天起的一天”。试试下面的例子。

$(document).ready(function() {

   $("#after_order_notes_choose_a_collection").datepicker({
      minDate: 1,
      beforeShowDay: function(d)
        { return [!(d.getDay() < 2)] }
   });
});

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

Date: <input id="after_order_notes_choose_a_collection">

minDate（和其他日期选择器属性）上的 API 文档可以在 here 找到。

【讨论】：