Twitter bootstrap 用于阻止特定日期(假日)的引导日期选择器配置
有人知道如何配置datepicker以不显示特定日期(例如,7月4日)吗?这似乎可以使用beforeShowDay来完成,但我不确定。 或: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
对于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" />