Điều khiển Html 5 [loại đầu vào = Ngày], ngày MAX không hoạt động trong iPhone/Ipad

Question

Lời chào.

Làm việc với điều khiển nhập ngày html.

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

Trong chrome nó nhận 'max'attribute do đó hạn chế và vô hiệu hóa tất cả các ngày trong tương lai

Tuy nhiên, cùng là không làm việc trong iPad/iphone. Thay vào đó, nó cho phép chọn ngày trong tương lai trên iPad.

Googled và biết rằng iPad chưa hỗ trợ thuộc tính Max của kiểm soát ngày.

Có công việc nào xung quanh không? hoặc bất kỳ điểm/hướng nào sẽ thực sự giúp ích cho tôi.

Rất cám ơn. Karthik

Answer 1

Safari trên iOS không hỗ trợ các thuộc tính max và min cho input="date".

Bạn có thể sử dụng trình dữ liệu JavaScript như Pikaday cho việc này. Xem bản demo dưới đây:

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

Mọi chi tiết, xin vui lòng refer to the documentation on GitHub.