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