Bootstrap 时间和日期选择器设置最小日期

Posted

技术标签:

【中文标题】Bootstrap 时间和日期选择器设置最小日期【英文标题】:Bootstrap Time & Date Picker Set Minimum Date 【发布时间】:2021-10-27 10:03:58 【问题描述】:

**更新 ** - 我没有意识到 django-bootstrap-datepicker-plus 和 Tempus Dominus Bootstrap 4 是不同的。我并没有意识到我试图遵循的一些在线教程给了我代码,这些代码是为我自己以外的日期选择器设计的。

我可以设置一个具体的最长日期(在本例中为 2016 年 8 月 6 日)和最短日期(在本例中为 2022 年 1 月 1 日)。

但我无法让 minDate: '-3w' 或 minDate:0 工作。下面你可以看到我的许多尝试。

我查看了http://jsfiddle.net/injulkarnilesh/xNeTe/、http://jsfiddle.net/2CZtV/、https://bootstrap-datepicker.readthedocs.io/en/latest/ 并没有运气自行解决我的问题。

$(function () 
    $("# widget.datetimepicker_id ").datetimepicker(
     

      // minDate: "-3w",
      // minDate: "-3W",
      // minDate: new Date("-3W"),
      // minDate: '-3W',
      // minDate:0
      // minDate:"0",
      // minDate:new Date "0",
      // minDate:new Date ("0"),

      
      // These dates are written in the American Format I think
      minDate: new Date("08/06/2016"),
      maxDate: new Date("01/01/2022"),
    

    );
  );

【问题讨论】:

【参考方案1】:

试试:

清除缓存或硬重新加载页面 如果不起作用,请检查您使用的datepicker 的版本?将其更新到最新版本。

【讨论】:

以上是关于Bootstrap 时间和日期选择器设置最小日期的主要内容,如果未能解决你的问题,请参考以下文章

日期选择器(Query+bootstrap和js两种方式)

今天默认引导日期选择器

传递在 Bootstrap 日期选择器中选择的日期的结果,并将其放在 URL 链接中

根据下拉值设置 2 个日期选择器的最小日期和最大日期

求教bootstrap-calendar要怎么用

使用 bootstrap 3 在同一行获取两个日期时间选择器?