返回列表时DatePicker中的beforeShowDate始终为true

Question

当我返回列表时，DatePicker中的beforeShowDate始终为true。 如果返回的是“ true”或“ false”，则说明该方法有效。 我认为它看到一个列表（不为null）。 我做错了什么？ 我的目的是自定义日历中的某些天。

代码： 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;
}

它可能与资源链接在一起，因此您可以找到我在页面中使用的所有资源（参见jsfiddle）。

谢谢 ！

Answer 1

实际上，您正在使用引导日期选择器，并引用jQuery UI日期选择器文档。

根据您使用的插件的文档 ，返回值可以是以下内容：

1. 未定义无效
2. 布尔值，指示此日期是否可选
3. 一个字符串，表示要应用于日期单元格的其他CSS类
4. 具有以下属性的对象：
   • 已启用：与上面的布尔值相同
   • 类：与上面的String值相同
   • 工具提示：通过标题HTML应用于该日期的工具提示
     属性
   • 内容：要显示在日期单元格中的内容，而不是默认值（以月的某天为文本）

所以用一个对象更新它：

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

工作演示： JSFIDDLE