自定义可用日期bootstrap datepicker

时间:2014-05-04 12:05:34

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

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

你能帮助我吗?

3 个答案:

答案 0 :(得分:3)

您可以使用 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

答案 1 :(得分:0)

答案可在该链接下找到:

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

查看以下部分&#34;禁用过去日期和相关禁用日期。&#34;

答案 2 :(得分:0)

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