如何在Datepicker中禁用一个月中的某些天?

时间:2016-05-31 12:08:48

标签: jquery twitter-bootstrap date

我正在尝试使用bootstrap日期选择器在我的一个表单中选择日期,并且我能够使用以下代码生成日期选择器。现在我的条件是,只应启用每月1到25日的日期,其余5或6个日期应处于禁用模式。我知道如何通过谷歌搜索禁用工作日和特定日期,但无法理解如何为每个月启用日期范围。

以下是我正在尝试的代码

$('#slide_date').datepicker({
format: "dd/mm/yyyy",
todayBtn: "linked",
clearBtn: true,
autoclose: true,
todayHighlight: true
});

1 个答案:

答案 0 :(得分:0)

不确定您是否可以在Bootstrap Datepicker中执行此操作。但是你可以在Jquery UI datepicker中执行此操作。请尝试以下测试代码。

请确保您参考JqueryUI.jsJqueryUI.css

HTML

<input type="text" name="slide_date" />

SCRIPT:

$(function(){
    $("#slide_date").datepicker(
        {
        beforeShowDay: function (date) {
        //getDate() returns the day (0-31)
        if (date.getDate() == 25 || date.getDate() == 26 || date.getDate() == 27 || date.getDate() == 28 || date.getDate() == 29 ||date.getDate() == 30 ||date.getDate() == 31 ) {
            return [false, ''];
        }
        return [true, ''];
        }
        }

    );
});