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); 

这个小小的脚本将以ISO格式改变当前日期的min。

举例在这里：jsFiddle