Twitter bootstrap 用于阻止特定日期(假日)的引导日期选择器配置

Twitter bootstrap 用于阻止特定日期(假日)的引导日期选择器配置,twitter-bootstrap,twitter-bootstrap-3,calendar,bootstrap-datepicker,Twitter Bootstrap,Twitter Bootstrap 3,Calendar,Bootstrap Datepicker,有人知道如何配置datepicker以不显示特定日期(例如,7月4日)吗?这似乎可以使用beforeShowDay来完成,但我不确定。 或: 对于1.3.1+版,您只需使用datesDisabled选项:使用以下代码禁用Twitter引导日期选择器中的日期: 您必须为此使用矩,只需包括矩.js: var disabledDates = ['2018-01-07', '2018-01-27'] beforeShowDay: function (Date) { $('#da

有人知道如何配置datepicker以不显示特定日期(例如,7月4日)吗?这似乎可以使用beforeShowDay来完成,但我不确定。

或:


对于1.3.1+版,您只需使用
datesDisabled
选项:

使用以下代码禁用Twitter引导日期选择器中的日期: 您必须为此使用矩,只需包括矩.js:

var disabledDates = ['2018-01-07', '2018-01-27']

beforeShowDay: function (Date) {        
   $('#datepicker').datepicker({
        var date = moment(Date).format('YYYY-MM-DD');
        if (disabledDates.indexOf(curr_date) > -1) return false;
   });
},
主Url:

在上面的日期选择器版本中,如代码所示,使用禁用的数据日期,可以传递逗号分隔的日期值。并确保日期的格式应与您在数据日期格式属性中定义的格式相同,如下所示

                <input 
                       asp-for="From" 
                       name="From" 
                       id="fromDatePickerId" 
                       value="@Model.From" 
                       class="DateClass form-control"
                       data-date-format="dd/mm/yyyy" 
                       data-date-start-date="@Model.From" 
                       data-date-end-date="@Model.To" 
                       data-provide="datepicker" 
           data-date-dates-disabled = "23/11/2019,24/11/2019" />    


就在beforeShowDay功能之前,我还添加了
daysOfWeekDisabled:“0”
,以阻止周日。在1.3.1+版本中,您只需使用
datesDisabled
选项:另请参见:快速问题和如何:我们只能将背景颜色更改为一些,以便在选择日期时向用户发出警告?
var disabledDates = ['2018-01-07', '2018-01-27']

beforeShowDay: function (Date) {        
   $('#datepicker').datepicker({
        var date = moment(Date).format('YYYY-MM-DD');
        if (disabledDates.indexOf(curr_date) > -1) return false;
   });
},
                <input 
                       asp-for="From" 
                       name="From" 
                       id="fromDatePickerId" 
                       value="@Model.From" 
                       class="DateClass form-control"
                       data-date-format="dd/mm/yyyy" 
                       data-date-start-date="@Model.From" 
                       data-date-end-date="@Model.To" 
                       data-provide="datepicker" 
           data-date-dates-disabled = "23/11/2019,24/11/2019" />