时间戳

首页 > 解决方案 > 如何使用javascript为输入html的日期设置时间范围

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

问题描述

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

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

标签： javascriptphphtmllaravel

解决方案

试试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：（日期或字符串）最初选择的日期范围的结束日期。

有关更多信息 ，请参阅 daterangepicker 的官方文档

推荐阅读