html时间控件calendar设置时间范围
时间: 2023-06-27 17:05:25 浏览: 104
JS日期和时间选择控件升级版(自写)
HTML 中的 `<input type="date">` 元素可以用于创建日期选择器控件,但是它不能直接设置时间范围。不过,你可以使用 `min` 和 `max` 属性来限制可选日期范围。
例如,如果你想要设置日期范围为从今天开始的一周内,可以这样写:
```html
<input type="date" min="<?php echo date('Y-m-d'); ?>" max="<?php echo date('Y-m-d', strtotime('+1 week')); ?>">
```
这将会创建一个日期选择器,可供用户从今天开始选择一周内的任意日期,而不能选择今天之前或一周之后的日期。注意,这个例子中使用了 PHP 的 `date()` 和 `strtotime()` 函数来生成日期字符串。
你也可以手动指定日期范围,比如:
```html
<input type="date" min="2022-01-01" max="2022-12-31">
```
这将会创建一个日期选择器,可供用户选择从 2022 年 1 月 1 日到 2022 年 12 月 31 日之间的任意日期。
希望这能帮到你!
阅读全文