如何使用javascript为输入html的日期设置时间范围答案

【问题标题】：how to set the time range using javascript for the date of input html如何使用javascript为输入html的日期设置时间范围
【发布时间】：2021-04-10 19:44:48
【问题描述】：

我需要为我的 2 个输入日期设置日期范围。我知道我可以为其提供最小值和最大值，但这将迫使我选择一个特定的时间范围。我想要实现的是选择一个已经在数据库中设置的日期示例：2020 年 6 月 - 2021 年 6 月所以该数据的时间跨度

有人知道如何动态设置最大值或它们的范围属性是什么吗？

【问题讨论】：

标签： javascript php html laravel

【解决方案1】：

试试 minDate 和 MaxDate 属性...参见下面的示例

注意：我使用的是 DateRangePicker

<script type="text/javascript">
var start = new Date('2020-06-1')
var end = new Date('2021-06-1')
  $('#date').datetimepicker({
    format: 'L',
    minDate: start,
    maxDate: end
  });
</script>

已编辑：- 对于不确定的结束日期，请参见下面的示例...

<script type="text/javascript">
 var day=0;
 var month=0;
 var year=1; //just pass your date Or Month Or year here,..

 var start = new Date('2020-06-1')
 var end = new Date(start.getFullYear()+year, start.getMonth()+month, start.getDate()+day) 
  $('#date').datetimepicker({
    format: 'L',
    minDate: start,
    maxDate: end
  });
</script>

minDate：（日期或字符串）用户可以选择的最早日期。
maxDate：（日期或字符串）用户可以选择的最晚日期。
startDate（日期或字符串）最初选择的日期范围的开始日期。如果您提供字符串，则它必须与您在区域设置中设置的日期格式字符串匹配。
endDate：（日期或字符串）最初选择的日期范围的结束日期。

了解更多信息 See Official Documentation of daterangepicker

【讨论】：

如果结束日期不确定怎么办？
我为不确定的结束日期编辑了示例示例。看看它是否对你有帮助
@Elshaa 如果对您有帮助，请接受回答