Bootstrap 4 Datepicker 块日期范围

Bootstrap 4 Datepicker block date range

在有人试图将其标记为重复之前,我已搜索 google 此类要求,但未找到可行的答案。

要求是使用 Bootstrap 4.

有一个 startDate 和 endDate 日期选择器

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

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

这是我目前拥有的代码,似乎可以正常工作以阻止从今天减去一年的日期范围

$("#UIStartDate").datepicker({ 自动关闭:真, 结束日期:'-365d' });

$("#UIEndDate").datepicker({


});

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

如有任何帮助,我们将不胜感激。

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

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

然后使用 getFullYear() 方法提取开始日期的年份(如果您还没有存储它)并设置结束日期,年份逐一递增。