HTML的type=month输入框无法从数据库回显动态日期？

问题的核心很明确：HTML5的type="month"输入控件对value属性的格式有严格要求，必须是YYYY-MM（比如2018-01），而你当前输出的是January 2018这种文本格式，控件无法识别，所以显示为------ ----。

下面是具体的解决方案：

1. 调整SQL查询，获取符合要求的日期格式 #

修改你的SQL语句，同时生成两种格式的日期（一种给输入框的value，一种用于纯文本显示如果需要）：

SELECT *, 
       DATE_FORMAT(end_date, '%Y-%m') AS endDateValue,  -- 用于输入框的value（YYYY-MM格式）
       DATE_FORMAT(end_date, '%M %Y') AS endDateDisplay -- 用于纯文本展示（如January 2018）
FROM vat_report

2. 修正HTML输入框的value赋值 #

在PHP中使用endDateValue作为输入框的value：

<td><input type="month" name="end_date" value="<?php echo $endDateValue; ?>"/></td>

替代方案：直接在PHP中转换日期格式 #

如果你不想修改SQL，也可以在PHP里把数据库返回的原始日期（比如DATE或DATETIME类型）转换成YYYY-MM格式：

// 假设$row['end_date']是数据库返回的原始日期值
$end_date_value = date('Y-m', strtotime($row['end_date']));

然后在HTML中使用这个变量：

<td><input type="month" name="end_date" value="<?php echo $end_date_value; ?>"/></td>

额外说明 #

• type="month"控件在界面上会自动显示为用户友好的格式（比如Jan 2018），但它的实际value始终是YYYY-MM，提交到后端时也是这个格式，所以后端处理存储时要注意接收这个格式的日期。
• 确保输出的格式没有多余空格或无效字符，月份必须是两位数字（比如01而不是1），否则控件依然无法识别。

内容的提问来源于stack exchange，提问作者amit sutar