Chỉ định đầu ra giá trị của loại đầu vào HTML5 = ngày?

Question

Tôi muốn thêm bộ chọn ngày gốc vào ứng dụng của tôi, hiện đang sử dụng hệ thống cũ, được cuộn tại nhà. Hỗ trợ đầu vào ngày không phổ biến, tuy nhiên, nhưng nếu tôi có thể trình bày cả hai cách triển khai dựa trên tính tương thích, điều đó sẽ là lý tưởng.

Có cách nào để chỉ định đầu ra của giá trị được đưa ra bởi một trình ghi ngày tháng HTML không? Giá trị mặc định cho opera là yyyy-mm-dd và tôi rất rõ ràng cần dd-MMM-yyyy.

Hiện có cách nào để kiểm soát đầu ra này không?

Answer 1

Trường HTML5 date input là cụ thể về định dạng nó sử dụng: RFC 3339 full-date

Có thể thay đổi bộ chọn ngày di sản để sử dụng định dạng yyyy-mm-dd (và cập nhật phía máy chủ mà đọc đó)? Tôi giả sử không, vì vậy bạn có thể thêm một số mã keo Javascript để nghe sự kiện thay đổi trên đầu vào HTML5 và cập nhật trường giá trị ngày bị ẩn để khớp với định dạng của công cụ chọn ngày cũ (chuyển đổi yyyy-mm-dd đến dd-MMM-yyyy).

Answer 2

Trong Google Chrome, điều này gần đây đã thay đổi. Các giá trị được hiển thị cho người dùng hiện được dựa trên ngôn ngữ hệ điều hành. Đọc, vì vậy, input.value, luôn trả về là yyyy-mm-dd bất kể định dạng bản trình bày là gì.

Cách hữu ích hơn theo ý kiến ​​của tôi.

Nguồn:

http://updates.html5rocks.com/2012/08/Quick-FAQs-on-input-type-date-in-Google-Chrome

Answer 3

Định dạng của trường ngày HTML là tiêu chuẩn. Mặc dù không thể thay đổi điều này, bạn có thể dễ dàng chuyển đổi từ một đối tượng ngày sang định dạng bạn đang tìm kiếm khi người dùng của bạn đã bật JavaScript.

// Converts any valid Date string or Date object into the format dd-MMM-yyyy 
function dateTransform(d) { 
    var s = (new Date(d)).toString().split(' '); 
    return [s[2],s[1],s[3]].join('-'); 
} 

Nếu không, bạn sẽ cần phải nộp trong định dạng ISO và thực hiện một giải pháp server-side. Có lẽ trong thời gian, điều này có thể dẫn đến việc sử dụng nhiều định dạng ngày chuẩn ở mọi địa phương.