tháng hoặc năm tháng đầu vào html5 [type = "date"]

Question

Tôi đã bao gồm một điều hiển thị khi bạn áp dụng tiêu điểm cho phần tử, nó đặt trọng tâm vào phần 'ngày' của đầu vào, nhưng tôi có thể ' t tìm thấy bất kỳ tài liệu nào về cách DOM hiển thị và xác định từng phần của ngày.

Làm cách nào tôi có thể tập trung lập trình các phần tháng/năm của phần tử input[type="date"] và có bất kỳ tài liệu nào về cách loại yếu tố này được hiển thị trong DOM không?

https://jsfiddle.net/uytdhqax/

<input id="dob" type="date" /> 

document.getElementById('dob').focus() 

Answer 1

này là không thể thực hiện trong bất kỳ hiện tại của phần tử input[type=date] như xa như tôi biết. Hơn nữa, các trình duyệt khác nhau triển khai phần tử này theo nhiều cách khác nhau, do đó không có tài liệu triển khai độc lập.

Người ta phải hỏi tại sao bạn lại muốn bắt chước hành vi này. Thay đổi giá trị năm một mình sẽ không cung cấp cho phần tử một giá trị trừ khi ngày và tháng cũng được đặt. Trong Chrome, ít nhất, nếu bạn có một phần tử input[type=date], bạn sẽ được hiển thị một phần tử có chứa văn bản giữ chỗ dd/mm/yyyy. Nếu bạn chọn phần yyyy theo cách thủ công và thay đổi điều này thành 2015, ví dụ: văn bản của đầu vào giờ sẽ đọc dd/mm/2015, nhưng value của nó sẽ là "" (một chuỗi trống). Trừ khi bạn chỉnh sửa thủ công các phần ngày và tháng, việc tập trung vào năm sẽ không đạt được bất kỳ điều gì khác ngoài sự nhầm lẫn với người dùng.

Answer 2

Câu trả lời ngắn: không được hỗ trợ.

Nếu bạn cố gắng để thiết lập lựa chọn (tập trung) sử dụng

var el = document.getElementById('dob'); 
var r = document.createRange(); 
el.setSelectionRange(r); 

bạn sẽ nhận được lỗi:

DOMException: Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('date') does not support selection.

Cũng chỉ documentation I found về loại ngày đầu vào nói "Không được hỗ trợ", vì vậy tôi nghĩ rằng không có tài liệu như vậy. Hiện tại, dường như chỉ có Chrome triển khai loại đầu vào này.