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

У меня проблемы с отображением единственной части даты DateTime в текстовое поле с использованием TextBoxFor <,> (expression, 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:

Свойство Date вашего модельного класса:

public DateTime DOB { get; set; }

На стороне модели больше ничего не нужно.

В Razor вы делаете:

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

Объяснение:

Дата html- inputэлемента типа dateдолжна быть отформатирована в соответствии с ISO8601 , а именно:yyyy-MM-dd

Отображаемая дата форматируется на основе локали браузера пользователя, но проанализированное значение всегда форматируется гггг-мм-дд.

По моему опыту, язык определяется не Accept-Languageзаголовком, а языком отображения браузера или языком системы ОС.

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

[DataType(DataType.Date)]

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

В конце концов, я пошел с Алексом, потому что в моей нынешней среде нет Modernizr, но если бы он был, я бы использовал его, чтобы условно показать только средство выбора данных, если бы браузер уже не поддерживал его.

Для меня, мне нужно было сохранить, TextboxFor()потому что при использовании EditorFor()меняет тип ввода на сегодняшний день. Который в Chrome добавляет встроенный инструмент выбора даты, который испортил jQuery datepicker, который я уже использовал. Итак, чтобы продолжить использовать TextboxFor()AND только для вывода даты, вы можете сделать это:

<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 не работал для меня ни в одной форме при начальной загрузке. Вместо этого я создал EditorTemplate:

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

// время отображения даты в DatePicker - 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. Если не указано иное, связанные входные данные не будут отображаться должным образом и будут отображаться как мм / дд / гггг без значения.

Модель:

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

Вы можете использовать приведенный ниже код для печати времени в формате ЧЧ: мм. В моем случае тип свойства - TimeSpan. Таким образом, значение приходит в формате ЧЧ: мм: 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" })