Html 5 [Typ wejścia = Data] sterowania, data MAX nie działa w iPhone/iPad

Question

Pozdrowienia.

Praca z kontrolą wprowadzania danych w html.

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

w Chrome jego uznaniu „max'attribute stąd ograniczenie i wyłączenie wszystkich przyszłą datę

Ale tak samo nie działa w iPad/iphone. Zamiast tego pozwala wybrać przyszłą datę na iPadzie.

Wyszukałem go i dowiedziałem się, że iPad nie obsługuje jeszcze atrybutu Maksimum kontroli daty.

Czy są jakieś prace? albo jakiekolwiek punkty/kierunek będą dla mnie naprawdę pomocne.

Wielkie dzięki. Karthik

Answer 1

Safari na iOS nie obsługuje atrybutów max i min dla input="date".

Do tego celu można użyć centrum danych JavaScript takiego jak Pikaday. Zobacz demo poniżej:

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

uzyskać więcej informacji, proszę refer to the documentation on GitHub.