Дата тільки з TextBoxFor ()

У мене виникають проблеми із відображенням єдиної частини дати DateTime у текстовому полі за допомогою TextBoxFor <,> (вираз, htmlAttributes).

Модель заснована на Linq2SQL, поле - DateTime для SQL та в моделі Entity.

Помилка:

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

Цей трюк здається знеціненим, будь-яке значення рядка в об’єкті htmlAttribute ігнорується.

Помилка:

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

Я хотів би зберігати та відображати лише детальну дату в деталях / редагуванні, без частини "00:00:00".

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

Тоді:

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

MVC4 вирішив цю проблему, додавши нову TextBoxForперевантаження, яка приймає параметр формату рядка. Тепер ви можете просто зробити це:

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

Існує також перевантаження, яка приймає HTML-атрибути, тож ви можете встановити клас CSS, підключити підбірники дат тощо

@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") })%>

Або використовуйте нетипізовані помічники:

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

Це працювало для мене.

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

Не бійтеся використовувати сирий HTML.

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

TL; DR;

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

Подавати заявку [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]мені не вийшло!

Пояснення:

Щоб відобразити властивість дати вашої моделі за допомогою Html.TextBoxFor:

Властивість дати вашого модельного класу:

public DateTime DOB { get; set; }

Нічого іншого не потрібно з боку моделі.

У Razor ви робите:

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

Пояснення:

Дата типу inputелемента html dateповинна бути відформатована стосовно ISO8601 , який є:yyyy-MM-dd

Відображена дата відформатована на основі мови браузера користувача, але проаналізоване значення завжди відформатоване yyyy-mm-dd.

Мій досвід полягає в тому, що мова визначається не Accept-Languageзаголовком, а або мовою відображення браузера або системною мовою ОС.

Ви також можете використовувати атрибути HTML 5, застосувавши цю примітку до даних:

[DataType(DataType.Date)]

Але проблема полягає в тому, що це дозволяє вибирати дату для браузерів HTML 5, залежно від браузера. Вам все ще потрібен власний інструмент вибору дати для браузерів без підтримки, і тоді ви повинні переконатися, що ваш інструмент вибору дати не відображається окрім браузера (Modernizr може це зробити легко), або приховати браузер, якщо він є (складне і я не знаю, якими надійними методами я бачив).

Врешті-решт я пішов з Alex, тому що в моєму поточному середовищі немає Modernizr, але якби це було, я би використав це, щоб умовно показати лише мій інструмент для вибору даних, якщо браузер уже не підтримував його.

Для мене мені потрібно було зберегти, TextboxFor()оскільки використання EditorFor()змін типу введення на сьогоднішній день. Який у Chrome додає вбудований інструмент вибору дат, який накрутив jQuery дата-вибір, який я вже використовував. Отже, щоб продовжити використовувати TextboxFor()І тільки вивести дату, ви можете зробити це:

<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>

Атрибут DisplayFormat не працював для мене ні в одній формі при початковому завантаженні. Натомість я створив шаблон редактора:

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

Редактор шаблонів працюватиме лише для відображення. Якщо ви використовуєте той самий редактор (що має сенс, оскільки його редактор), і ви ввели таке значення, як 31/01/2010 - ви отримаєте повідомлення про помилку, у якому сказано, що формат недійсний.

Я використовую Globalize, тому працюю з багатьма форматами дат, тому використовую наступне:

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

Це автоматично налаштує формат дати відповідно до налаштувань мови локального веб-переглядача.

Майте на увазі, що показ буде залежати від культури. І хоча в більшості випадків всі інші відповіді правильні, це не спрацювало для мене. Проблема з культурою також спричинить різні проблеми з jQuery datepicker, якщо вона додається.

Якщо ви хочете змусити вимкнути формат /таким чином:

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

Якщо не врятувались для мене, це шоу 08-01-2010проти очікуваного 08/01/2010.

Крім того, якщо jQuery datepicker не вибрав, буде вибрано інше defaultDate, в моєму випадку це було May 10, 2012.

Якщо ви використовуєте інструмент вибору дати Bootstrap, ви можете просто додати атрибут data_date_format, як показано нижче.

      @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" 
})

// Показує датimeimeime в датіPicker є 24.11.2011 12:00:00

// Ви можете розділити це на пробіл і встановити значення лише на дату

Сценарій:

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

Розмітка:

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

Сподіваємось, що це допомагає ..

Звичайно, ви можете використовувати Html.EditorFor. Але якщо ви хочете використовувати TextBoxFor і використовувати формат з атрибуту DisplayFormat, ви можете використовувати його таким чином:

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

або створити наступне розширення:

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);
    }
}

Просто додайте поруч зі своєю моделлю.

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

Під час використання помічників тегів у ASP.NET Core потрібний формат, визначений у форматі ISO. Якщо не вказано як таке, зв'язані вхідні дані не відображатимуться належним чином і відображатимуться як mm / dd / yyyy без значення.

Модель:

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

Вид:

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

Формат також може бути визначений у представленні, використовуючи атрибут asp-format.

Отриманий HTML виглядатиме так:

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

Ви можете використовувати код нижче для друку часу у форматі HH: мм , у моєму випадку Тип властивості - TimeSpan . Значення надходить у форматі HH: mm: tt, але я повинен показувати у вищезгаданому форматі, тобто. HH: мм

Отже, ви можете використовувати цей код:

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

Якщо ви наполягаєте на використанні [DisplayFormat], але ви не використовуєте MVC4, ви можете скористатися цим:

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