Client-side của ngày loại đầu vào không hoạt động

Question

Tôi có một hình thức có chứa một ngày và datetime lĩnh vực:

@Html.TextBoxFor(model => model.A, new { @type = "datetime" }) 
@Html.TextBoxFor(model => model.B, new { @type = "date" }) 

mẫu:

public class TestModel 
{ 
    [DataType(DataType.Date)] 
    public DateTime A {get;set;} 

    [DataType(DataType.Date)] 
    public DateTime B {get;set;} 
} 

Bằng cách sử dụng các loại đầu vào một chiếc iPad cho thấy thoải mái bộ chọn ngày (giờ). Các trường được xác thực bằng cách sử dụng xác thực phía máy khách. Đối với trường ngày giờ (A) nó hoạt động, nhưng trường ngày (B) sẽ phát sinh lỗi: "vui lòng nhập ngày hợp lệ". Tôi giải quyết điều này như thế nào?

Ví dụ:

• (Safari) giá trị iPad này cho datetime là hợp lệ (theo MVC xác nhận client-side): 15 tháng 12 2011 9:20
• Giá trị iPad (Safari) này cho ngày không hợp lệ: 15 tháng 12. 2011

Thật khó để gỡ lỗi mã trên iPad, vì vậy tôi không biết làm thế nào Safari thay đổi định dạng ngày khi đặt thuộc tính giá trị của đầu vào.

Chỉnh sửa: Tôi phát hiện định dạng ngày giờ là định dạng ngày giờ phổ quát (yyyy-MM-DDTHH:mmZ), trong khi định dạng ngày là yyyy-MM-dd. Có lẽ trình xác thực phía máy khách không hiểu được datetime phổ quát và không phải là yyyy-MM-dd do bản địa hóa.

Answer 1

Tôi đã có cùng một vấn đề chính xác và buồn bã ngoài niềm tin khi xem trang web trên điện thoại di động mà tôi đang phát triển trên iPhone của mình. Các cuộc thảo luận trong vấn đề dưới đây giải quyết nó cho tôi.

https://github.com/jzaefferer/jquery-validation/issues/20.

Ngoài ra, để đi xa với điều này theo một cách liền mạch, tôi tạo ra các mẫu sau đây dao cạo biên tập viên cho các kiểu dữ liệu ngày:

@model DateTime? 
@Html.TextBox("myDate", ViewData.Model.ToIso8601FullDate(), new { type = "date", @class = "text-box single-line" }) 

và một phương pháp mở rộng tiện dụng để nuôi html 5 ngày kiểu đầu vào một định dạng mà nó thích làm việc theo theo số spec for input type=date:

public static string ToIso8601FullDate(this DateTime? d) 
{ 
    if (!d.HasValue) return null; 

    return d.Value.ToString("yyyy-MM-dd"); 
}