Bootstrap 4 Datepicker块日期范围

Posted 2023-05-07

【中文标题】Bootstrap 4 Datepicker块日期范围

【英文标题】：Bootstrap 4 Datepicker block date range

【发布时间】：2020-09-23 21:30:07

【问题描述】：

在有人试图将其标记为重复之前，我已经在 Google 上搜索过此类要求，但没有找到可行的答案。

要求是使用 Bootstrap 4 有一个 startDate 和 endDate 日期选择器。

开始日期不能大于今天 - 1 年，但结束日期必须大于开始日期 + 1 年。例如，对于开始日期 - 今天是 2020 年 6 月 4 日，所以我们需要阻止从今天到 2019 年 6 月 4 日。然后应启用/选择 2019 年 6 月 4 日之前的日期。

另一个要求是让结束日期选择器从开始日期选择器中选择的日期加上 1 年开始。

这是我目前拥有的代码，似乎可以用来阻止从今天的日期减去一年的日期范围

$("#UIStartDate").datepicker( 自动关闭：真， 结束日期：'-365d' );

$("#UIEndDate").datepicker(


);

我不确定如何将结束日期的开始日期设置为从开始日期选择器中选择的日期加上 1 年。两个日期之间的范围不能小于 1 年的差异

任何帮助将不胜感激。

【参考方案1】：

尝试使用此链接中的方法 - https://bootstrap-datepicker.readthedocs.io/en/latest/methods.html。有了它，您可以按照以下约定轻松设置开始或结束日期：

$('#UIEndDate').datepicker('setStartDate', new Date(2020, 5, 6));

然后使用getFullYear() 方法提取开始日期的年份，如果您还没有存储它并设置结束日期，并将年份部分加一。