javascript - 返回列表时，DatePicker 中的 beforeShowDate 始终为真

Question

当我返回列表时，DatePicker 中的 beforeShowDate 始终为真。如果返回“true”或“false”，它就可以工作。我认为它看到了一个列表(不为空)。我做错了什么？我的目标是在日历中自定义一些日子。

代码:https://jsfiddle.net/alex09/j9co36br/34/

JS

 $("#date").datepicker({
    autoclose: true,
    language: 'fr',
    format: 'dd/mm/yyyy',
    beforeShowDay: jourDispo
  });

  function jourDispo(date) {
    console.log("I'm in jourDispo");

    // This is working
    // return false;
    // but not with array
    return [false, "red"];
  }

HTML

<table>
  <tr>
   <td>
    <div class="input-group">
      <label class="control-label requiredField" for="date">
        Date *
      </label>
    </div>
  </td>
  <td>
    <input class="form-control date_size" id="date" name="date" placeholder="JJ/MM/AAAA" type="text" required />
   </td>
 </tr>
</table>

CSS

.red a{
    background-color: #ffb3b3 !important;
    background-image: none !important;
    color: White !important;
    font-weight: bold !important;
    font-size: 12pt;
}

它可能与资源链接，因此您可以找到我在页面中使用的所有资源(cf jsfiddle)。

谢谢!

Answer 1

实际上，您正在使用 bootstrap datepicker并引用 jQuery UI datepicker文档。

根据 documentation of the plugin which you are using ，返回值可以是:

1. 未定义为无效
2. 一个 bool 值，表示这个日期是否可选
3. 表示应用于日期单元格的附加 CSS 类的字符串
4. 具有以下属性的对象:
   • 启用:与上面的 bool 值相同
   • 类:与上面的字符串值相同
   • 工具提示:通过标题 HTML 应用于此日期的工具提示
     属性
   • content:在日单元格中显示的内容，而不是默认的(月中的某天作为文本)

所以用一个对象更新它:

function jourDispo(date) {
  return { enabled : false, classes :  "red" };
}

工作演示:JSFIDDLE