2016-07-28 6 views
2

Gibt es eine Möglichkeit, Daten vor heute in HTML5 <input type="date"> zu deaktivieren? Ich habe versucht mit: <input type="date" min="<?php echo $today; ?>"> aber das funktioniert nur auf Desktop-Browsern ... Safari Mobile noch Scrollen Termine vor.HTML5-Eingabe Typ Datum deaktivieren Daten vor heute

+0

Ausgabe von '$ today'? –

+0

Das Datum des Eingabetyps ist nicht von allen Browsern integriert. Ich denke, Sie müssen eine JS-Bibliothek verwenden. http://caniuse.com/#feat=input-datetime – Alexis

+0

@sebastiabrosch die Ausgabe von '$ heute' ist '2016-07-28' –

Antwort

4

Das Eingabedatum muss in ISO Format (das von mobilen Browsern unterstützt wird) sein.

Es gibt keine Möglichkeit, dies mit reinem HTML5 zu tun.

Aber mit Javascript, man kann so etwas tun:

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

und; im ISO-Format

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

Dieses kleine Skript wird die min mit dem heutigen Datum ändern.

Live-Beispiel hier: jsFiddle

+0

Dies funktioniert nur auf dem Desktop-nativen Datumsauswahlkalender. Nicht auf den Smartphones. –

Verwandte Themen