HTML5入力タイプの日付今日より前の日付を無効にする

Question

今日より前の日付をHTML5で無効にする方法はありますか<input type="date">？ 私は試して：<input type="date" min="<?php echo $today; ?>">しかし、これはデスクトップブラウザでのみ動作します...サファリモバイルはまだ前に日付をスクロールすることができます。

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

この小さなスクリプトは、minをISO形式の今日の日付に変更します。

ライブ例：