HTML5 输入类型日期禁用今天之前的日期

Question

有没有办法在 HTML5 中禁用今天之前的日期<input type="date">？我尝试过：<input type="date" min="<?php echo $today; ?>">但这仅适用于桌面浏览器...... safari mobile 仍然允许滚动之前的日期。

Answer 1

输入日期必须为ISO格式（移动浏览器支持）。

使用纯HTML5无法做到这一点。

但是使用 Javascript，您可以执行以下操作：

<input name="setTodaysDate" type="date">

和;

var today = new Date().toISOString().split('T')[0];
document.getElementsByName("setTodaysDate")[0].setAttribute('min', today);

这个小脚本将以minISO 格式更改今天的日期。

现场示例：jsFiddle