Ngày chỉ từ TextBoxFor ()

Tôi gặp sự cố khi hiển thị phần ngày duy nhất của DateTime vào hộp văn bản bằng TextBoxFor <,> (biểu thức, htmlAttribution).

Mô hình dựa trên Linq2Query, trường là DateTime trên SQL và trong mô hình Thực thể.

Thất bại:

<%= Html.TextBoxFor(model => model.dtArrivalDate, String.Format("{0:dd/MM/yyyy}", Model.dtArrivalDate))%>

Thủ thuật này dường như không được dùng nữa, mọi giá trị chuỗi trong đối tượng htmlAttribution đều bị bỏ qua.

Thất bại:

[DisplayFormat( DataFormatString = "{0:dd/MM/yyyy}" )]
public string dtArrivalDate { get; set; }

Tôi muốn lưu trữ và chỉ hiển thị phần ngày trên chế độ xem chi tiết / chỉnh sửa mà không có phần "00:00:00".

[DisplayName("Start Date")]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]
public DateTime StartDate { get; set; }

Sau đó:

<%=Html.EditorFor(m => m.StartDate) %>

MVC4 đã giải quyết vấn đề này bằng cách thêm một TextBoxForquá tải mới , trong đó có một tham số định dạng chuỗi. Bây giờ bạn có thể chỉ cần làm điều này:

@Html.TextBoxFor(m => m.EndDate, "{0:d MMM yyyy}")

Ngoài ra còn có một tình trạng quá tải có các thuộc tính html, vì vậy bạn có thể thiết lập lớp CSS, kết nối các bộ ngày tháng, v.v .:

@Html.TextBoxFor(m => m.EndDate, "{0:d MMM yyyy}", new { @class="input-large" })

<%= Html.TextBoxFor(model => model.EndDate, new { @class = "jquery_datepicker", @Value = Model.EndDate.ToString("dd.MM.yyyy") })%>

Hoặc sử dụng các trợ giúp chưa được đánh dấu:

<%= Html.TextBox("StartDate", string.Format("{0:d}", Model.StartDate)) %>

Điều này làm việc cho tôi.

@Html.TextBoxFor(m => m.DateOfBirth, "{0:MM/dd/yyyy}", new { size = "12", @class = "DOB", tabindex = 121 })

Đừng sợ sử dụng HTML thô.

<input type="text" value="<%= Html.Encode(Model.SomeDate.ToShortDateString()) %>" />

TL; DR;

@Html.TextBoxFor(m => m.DOB,"{0:yyyy-MM-dd}", new { type = "date")

Áp dụng [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]đã không làm việc cho tôi!

Giải trình:

Để hiển thị thuộc tính ngày của mô hình của bạn bằng cách sử dụng Html.TextBoxFor:

Tài sản ngày của lớp mô hình của bạn:

public DateTime DOB { get; set; }

Không có gì khác là cần thiết về phía người mẫu.

Trong Dao cạo bạn làm:

@Html.TextBoxFor(m => m.DOB,"{0:yyyy-MM-dd}", new { type = "date")

Giải trình:

Ngày của một inputphần tử html loại datephải được định dạng theo ISO8601 , đó là:yyyy-MM-dd

Ngày hiển thị được định dạng dựa trên ngôn ngữ của trình duyệt của người dùng, nhưng giá trị được phân tích cú pháp luôn được định dạng yyyy-mm-dd.

Kinh nghiệm của tôi là, ngôn ngữ không được xác định bởi Accept-Languagetiêu đề, mà bởi ngôn ngữ hiển thị trình duyệt hoặc ngôn ngữ hệ điều hành.

Bạn cũng có thể sử dụng các thuộc tính HTML 5 bằng cách áp dụng chú thích dữ liệu này:

[DataType(DataType.Date)]

Nhưng vấn đề là điều này cho phép trình chọn ngày cụ thể của trình duyệt cho trình duyệt HTML 5. Bạn vẫn cần trình chọn ngày của riêng mình cho các trình duyệt mà không cần hỗ trợ, và sau đó bạn phải đảm bảo rằng trình chọn ngày của bạn không xuất hiện ngoài trình duyệt (Modernizr có thể thực hiện việc này một cách dễ dàng) hoặc ẩn trình duyệt nếu nó (phức tạp và tôi không biết làm thế nào đáng tin cậy phương pháp tôi đã thấy).

Cuối cùng tôi đã đi với Alex vì môi trường hiện tại của tôi không có Modernizr, nhưng nếu có, tôi đã sử dụng điều đó để chỉ hiển thị trình chọn dữ liệu của mình nếu trình duyệt chưa hỗ trợ.

Đối với tôi, tôi cần phải giữ TextboxFor()vì sử dụng EditorFor()thay đổi loại đầu vào thành ngày. Mà, trong Chrome, thêm một công cụ chọn ngày được tích hợp sẵn, nó đã làm hỏng trình hẹn giờ jQuery mà tôi đang sử dụng. Vì vậy, để tiếp tục sử dụng TextboxFor()VÀ chỉ xuất ngày, bạn có thể làm điều này:

<tr>
    <td class="Label">@Html.LabelFor(model => model.DeliveryDate)</td>
    @{
        string deliveryDate = Model.DeliveryDate.ToShortDateString();
    }
    <td>@Html.TextBoxFor(model => model.DeliveryDate, new { @Value = deliveryDate }) *</td>
    <td style="color: red;">@Html.ValidationMessageFor(model => model.DeliveryDate)</td>
</tr>

Thuộc tính DisplayFormat không hoạt động với tôi dưới bất kỳ hình thức nào khi tải ban đầu. Tôi đã tạo một EditorTemplate thay thế:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime>" %>
<%@ Import Namespace="System.Web.Mvc.Html" %>
<%=
    Html.TextBox("", Model.ToShortDateString(), new { @class = "date-range" }) %>

Trình chỉnh sửa mẫu sẽ chỉ hoạt động cho mục đích hiển thị. Nếu bạn sử dụng cùng một trình soạn thảo (điều này hợp lý vì đó là trình chỉnh sửa) và bạn đã cung cấp một giá trị như 31/01/2010 - bạn sẽ nhận được thông báo lỗi cho biết định dạng không hợp lệ.

Tôi sử dụng Toàn cầu hóa để làm việc với nhiều định dạng ngày nên sử dụng như sau:

@Html.TextBoxFor(m => m.DateOfBirth, "{0:d}")

Điều này sẽ tự động điều chỉnh định dạng ngày theo cài đặt ngôn ngữ của trình duyệt.

Hãy nhớ rằng hiển thị sẽ phụ thuộc vào văn hóa. Và trong khi trong hầu hết các trường hợp, tất cả các câu trả lời khác đều đúng, nó không hoạt động với tôi. Vấn đề về văn hóa cũng sẽ gây ra các vấn đề khác nhau với công cụ hẹn hò jQuery, nếu được đính kèm.

Nếu bạn muốn buộc thoát định dạng /theo cách sau:

@Html.TextBoxFor(model => model.dtArrivalDate, "{0:MM\\/dd\\/yyyy}")

Nếu không thoát cho tôi, nó hiển thị 08-01-2010so với dự kiến08/01/2010 .

Ngoài ra, nếu không thoát jQuery datepicker sẽ chọn defaultDate khác, trong trường hợp của tôi là như vậy May 10, 2012.

Nếu bạn đang sử dụng bộ chọn ngày Bootstrap, thì bạn chỉ có thể thêm thuộc tính data_date_format như bên dưới.

      @Html.TextBoxFor(m => m.StartDate, new { 
@id = "your-id", @class = "datepicker form-control input-datepicker", placeholder = "dd/mm/yyyy", data_date_format = "dd/mm/yyyy" 
})

// datimetime hiển thị trong datePicker là 24/11/2011 12:00:00 AM

// bạn có thể chia phần này theo dấu cách và chỉ đặt giá trị thành ngày

Kịch bản:

    if ($("#StartDate").val() != '') {
        var arrDate = $('#StartDate').val().split(" ");
        $('#StartDate').val(arrDate[0]);
    }

Đánh dấu:

    <div class="editor-field">
        @Html.LabelFor(model => model.StartDate, "Start Date")
        @Html.TextBoxFor(model => model.StartDate, new { @class = "date-picker-needed" })
    </div>

Hy vọng điều này sẽ giúp ..

Chắc chắn bạn có thể sử dụng Html.EditorFor. Nhưng nếu bạn muốn sử dụng TextBoxFor và sử dụng định dạng từ thuộc tính DisplayFormat, bạn có thể sử dụng nó theo cách này:

@Html.TextBoxFor(model => model.dtArrivalDate, ModelMetadata.FromLambdaExpression(model => model.dtArrivalDate, ViewData).EditFormatString)

hoặc tạo phần mở rộng tiếp theo:

public static class HtmlExtensions
{
    public static MvcHtmlString TextBoxWithFormatFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, object htmlAttributes)
    {
        return htmlHelper.TextBoxFor(expression, ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData).EditFormatString, htmlAttributes);
    }
}

Chỉ cần thêm bên cạnh mô hình của bạn.

[DataType(DataType.Date)]
public string dtArrivalDate { get; set; }

Khi sử dụng trình trợ giúp thẻ trong ASP.NET Core, định dạng cần được chỉ định ở định dạng ISO. Nếu không được chỉ định như vậy, dữ liệu đầu vào bị ràng buộc sẽ không hiển thị đúng và sẽ hiển thị dưới dạng mm / dd / yyyy không có giá trị.

Mô hình:

[Display(Name = "Hire")]
[DataType(DataType.Date)]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]
public DateTime? HireDate { get; set; }

Lượt xem:

<input asp-for="Entity.HireDate" class="form-control" />

Định dạng cũng có thể được chỉ định trong dạng xem bằng thuộc tính định dạng asp.

HTML kết quả sẽ như sau:

<input class="form-control" type="date" id="Entity_HireDate" 
    name="Entity.HireDate" value="2012-01-01">

Bạn có thể sử dụng mã bên dưới để in thời gian ở định dạng HH: mm , Trong trường hợp của tôi Loại thuộc tính là TimeSpan Vì vậy, giá trị sẽ đến ở định dạng HH: mm: tt nhưng tôi phải hiển thị ở định dạng trên tức là. HH: mm

Vì vậy, bạn có thể sử dụng mã này:

@Html.TextBoxFor(x =>x.mTimeFrom, null, new {@Value =Model.mTimeFrom.ToString().Substring(0,5), @class = "form-control success" })

Nếu bạn khăng khăng sử dụng [DisplayFormat], nhưng bạn không sử dụng MVC4, bạn có thể sử dụng điều này:

@Html.TextBoxFor(m => m.EndDate, new { Value = @Html.DisplayFor(m=>m.EndDate), @class="datepicker" })