【问题标题】:How to use disabledDate in bootstrap datepicker如何在引导日期选择器中使用 disabledDate
【发布时间】:2019-11-10 01:19:00
【问题描述】:

我想禁用一个人选择的日期之后的所有日期,所以我调用了一个正在做的函数

$( "#final_date" ).datepicker({ datesDisabled: ['+m'] }); 

我的日期选择器就是这样的

  activeDate() {
$("#initial_date").datepicker({
  changeMonth: true,
  changeYear: true,
  format: 'dd/mm/yyyy',
  startView: "days",
  minViewMode: "days",
  language: 'pt-BR'
});
$("#final_date").datepicker({
  changeMonth: true,
  changeYear: true,
  format: 'dd/mm/yyyy',
  startView: "days",
  minViewMode: "days",
  language: 'pt-BR',
  datesDisabled: this.disabledDates
});

}

但是在我的约会被禁用后仅一天,我做错了什么??????

【问题讨论】:

标签: datepicker bootstrap-datepicker


【解决方案1】:

鉴于目标是

禁用一个日期之后的所有个日期

The bootstrap datepicker documentation 说你可以用maxDate 做到这一点。

采用 maxDate 字符串、Date、moment、boolean:false 参数并不允许用户选择 在该时刻之后的时刻。如果传递了 boolean:false 值,则 options.maxDate 被清除,并且对用户可以选择的最大时刻没有限制。 [强调我的]

试试这个(同时传递你的 final_date 值):

final_date = '2019-11-11';
$( "#final_date" ).datepicker({ maxDate: final_date });

【讨论】:

    猜你喜欢
    • 2013-09-02
    • 1970-01-01
    • 2022-01-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-09
    相关资源
    最近更新 更多