html5输入日期属性在两个日期之间选择

Question

我正在使用html5 date属性，如下所示：

CollectionType

它的功能很棒，它允许您在日历上选择日期。但是，它是否能够像jQuery插件一样选择日期范围？

Answer 1

我认为这可能会对您有所帮助：

<强> HTML5

＆＃13;

＆＃13;

<label>Enter a date before 2015-06-04:</label>
<input type="date" name="myDate" max="2015-06-04">

<label>Enter a date after 1993-09-03:</label>
<input type="date" name="myDate" min="1993-09-03">

＆＃13;

＆＃13;

＆＃13;

Answer 2

我认为你不能仅使用HTML5严格执行此操作。您还需要使用Javascript来实现您的目标。

您可以参考 Date Range Picker for Twitter Bootstrap

Answer 3

尝试一下

<label for="start">Start date:</label>
<input type="date" id="start" name="trip-start"
   value="2020-07-22"
   min="2020-07-01" max="2020-07-31">

参考
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date