Làm thế nào tôi có thể nói nếu một trình duyệt hỗ trợ <input type = 'date'>

Question

thể trùng lặp:
HTML5 Type Detection and Plugin Initialization

<input type=date> 

có nên tạo một đầu vào với một (không bắt buộc) userpicker được cung cấp bởi user-agent, nhưng nó chưa được hỗ trợ rộng rãi, vì vậy chúng tôi đang sử dụng một jQuery UI Datepicker. Làm thế nào chúng ta có thể cho phép các trình duyệt sử dụng datepicker riêng của họ và chỉ rơi trở lại trên jQuery UI nếu trình duyệt không có một thứ như vậy?

Hiện tại tôi nghĩ Opera chỉ có trình xây dựng ngày tháng, nhưng thử nghiệm cho Opera rõ ràng sẽ là xấu. Có cách nào tính năng này có thể được phát hiện (nếu nó có thể ở tất cả trong một cách cầm tay)?

Cảm ơn

Answer 1

Phương pháp kiểm tra dưới đây nếu một số loại đầu vào được hỗ trợ bởi hầu hết các trình duyệt:

function checkInput(type) { 
    var input = document.createElement("input"); 
    input.setAttribute("type", type); 
    return input.type == type; 
} 

Nhưng, như simonox đề cập trong các ý kiến, một số trình duyệt (như các trình duyệt cổ Android) giả vờ rằng họ hỗ trợ một số loại (như ngày), nhưng họ không cung cấp giao diện người dùng cho các mục nhập ngày tháng. Vì vậy, simonox cải thiện việc triển khai bằng cách sử dụng mẹo đặt giá trị bất hợp pháp vào trường ngày. Nếu trình duyệt khử trùng đầu vào này, nó cũng có thể cung cấp một datepicker !!!

function checkDateInput() { 
    var input = document.createElement('input'); 
    input.setAttribute('type','date'); 

    var notADateValue = 'not-a-date'; 
    input.setAttribute('value', notADateValue); 

    return (input.value !== notADateValue); 
}