Question

是否可以通过使用两个日期选择器（输入类型日期）来选择日期范围，其中最小值和最大值由第一个或第二个日期选择器设置。我知道它在jQuery中是可能的，但我更喜欢使用输入类型日期。提前致谢

Answer 1

您可以使用min和max来限制可用日期。

例如：

<form>
  <div>
    <label for="party">Choose your preferred party date:</label>
    <input type="date" id="party" name="party" min="2017-04-01" max="2017-04-30">
  </div>
</form>

当其中一个输入发生变化时，您还需要更改最大值和最小值。

Answer 2

您可以使用两个输入，一个用于最小值，另一个用于最大值：

 <form>
  <div>
    <label for="partyMin">Choose since date:</label>
    <input type="date" id="partyMin" name="minDate">
  </div>
  <div>
    <label for="partyMax">Choose until date:</label>
    <input type="date" id="partyMax" name="maxDate" >
  </div>
 </form>

通过inputtype日期选择日期范围

2 个答案: