自定义可用日期引导日期选择器答案

【问题标题】：Custom available dates bootstrap datepicker自定义可用日期引导日期选择器
【发布时间】：2014-06-20 18:48:35
【问题描述】：

我正在尝试使用引导日期选择器仅显示自定义日期：http://bootstrap-datepicker.readthedocs.org/en/latest/index.html。

你能帮帮我吗？

【问题讨论】：

“仅自定义日期”是什么意思？
例如，我只想显示“22-05-2015”、“23-05-2015”。其余日期将不可用

标签： jquery datepicker twitter-bootstrap-3 bootstrap-datepicker

【解决方案1】：

您可以使用beforeShowDay：

var dateDisabled = ["2014-5-5", "2014-5-6"];
$(function(){
    $('.datepicker').datepicker(
    {
        format: 'yyyy-mm-dd',
        beforeShowDay: function(date)
        {
            if ($.inArray(date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate(), dateDisabled) !== -1)
            {
                return;
            }

            return false;
        }
    });
});

Live demo

【讨论】：

我发现了一个小bug：当我在datepicker的输入中放一些文本时，自动出现今天日期。
@JuanDelÁrbol 你是对的！感谢您指出这一点，我会发送错误报告。
男人！你拯救了我的一天！谢谢！

【解决方案2】：

答案可在该链接下找到：

http://www.eyecon.ro/bootstrap-datepicker/

查找“禁用过去的日期和相关禁用”部分。

【讨论】：

【解决方案3】：

我认为禁用过去/未来的日期是指仅启用某些选定的日期，例如日历中的事件。是的：即使这样也可以提供available 函数：Bootstrap Datepicker restrict available dates to be selected

【讨论】：