Html 5 [Eingabetyp = Datum] Kontrolle, MAX-Datum funktioniert nicht in iPhone/iPad

Question

Grüße.

Arbeiten mit HTML-Datum Eingabesteuerung.

input type = "date" max = "2014-13-11"

In Chrom seine Anerkennung ‚max'attribute daher beschränken und deaktivieren Sie alle zukünftigen Datum

Aber die gleiche Arbeit nicht in iPad/iPhone. Stattdessen erlaubt es, zukünftiges Datum im iPad zu wählen.

Googelt und erfuhr, dass das iPad das Max-Attribut der Datumskontrolle noch nicht unterstützt.

Gibt es irgendwelche Arbeit? oder irgendwelche Punkte/Richtung werden mir wirklich helfen.

Vielen Dank. Karthik

Answer 1

Safari unter iOS unterstützt die Attribute max und min für input="date" nicht.

Sie könnten dafür einen JavaScript-Datapicker wie Pikaday verwenden. Siehe Demo unter:

var picker = new Pikaday({ 
 
    field: document.getElementById('datepicker'), 
 
    firstDay: 1, 
 
    minDate: new Date(), // minimum/earliest date 
 
    maxDate: new Date(2017, 12, 31), // maximum/latest date 
 
    yearRange: [2000, 2017], 
 
    // demo only 
 
    position: 'top left', 
 
    reposition: false 
 
});

<!-- Pikaday Library --> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.5.1/css/pikaday.min.css" rel="stylesheet" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.5.1/pikaday.min.js"></script> 
 

 
<!-- Datepicker Input --> 
 
<label for="datepicker">Date</label> 
 
<input type="text" id="datepicker">

Für mehr Informationen, bitte refer to the documentation on GitHub.