HTML5 | 日期属性在标签

在HTML5中，<input>标签可以通过设置type属性为date，来让用户选择日期。此外，还支持一些附加的属性，使日期的格式更加灵活。

基本用法

要创建一个日期选择器，您只需要在<input>标签中设置type属性为date即可：

<input type="date">

此时，用户将会看到一个日历选择器，可以用鼠标点击选择日期。

日期范围

如果您希望限制用户可以选择的日期范围，可以通过设置min和max属性来实现。例如，如果您希望用户只能选择今天之后的日期，可以这样写：

<input type="date" min="<?php echo date('Y-m-d'); ?>">

注意，min和max的值必须是YYYY-MM-DD的形式。

默认日期

如果您希望在加载页面时将日期选择器设置为特定日期，可以通过设置value属性来实现。例如，将日期选择器设置为今天的日期：

<input type="date" value="<?php echo date('Y-m-d'); ?>">

自定义日期格式

默认情况下，日期选择器的格式是YYYY-MM-DD。如果您希望使用自定义的日期格式，可以设置format属性。例如，将日期格式设置为MM/DD/YYYY：

<input type="date" format="MM/DD/YYYY">

请注意，format属性只是告诉浏览器应该如何显示日期，它不会改变日期的实际格式。如果您使用表单提交数据，仍然需要将日期格式化为YYYY-MM-DD。

总结

<input type="date">是HTML5中提供的日期选择器，可以通过设置min、max、value和format属性，使其更加灵活。但请注意，这些属性并不是所有浏览器都支持，您需要测试不同的浏览器以确保它们能够正常工作。