Html 5 [input type = Date] control, la data MAX non funziona in iPhone/Ipad

Question

Saluti.

Utilizzo del controllo di input della data html.

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

In cromo suo riconoscimento 'max'attribute quindi limitare e disabilitando tutti i futuri data

Ma, lo stesso non si lavora in iPad/iPhone. Invece, permette di selezionare la data futura in iPad.

Cercate su Google e vieni a sapere che ipad non supporta ancora l'attributo Max del controllo della data.

C'è qualche problema? o qualsiasi punto/direzione sarà davvero di aiuto per me.

Molte grazie. Karthik

Answer 1

Safari su iOS non supporta gli attributi max e min per input="date".

Per questo è possibile utilizzare un datapicker JavaScript come Pikaday. Vedere demo di seguito:

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">

Per maggiori informazioni, si prega di refer to the documentation on GitHub.