Fecha solo desde TextBoxFor()

MVC4 ha resuelto este problema agregando una nueva sobrecarga TextBoxFor, que toma un parámetro de formato de cadena. Ahora puedes simplemente hacer esto:

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

También hay una sobrecarga que toma atributos html, por lo que puede configurar la clase CSS, los datepickers de cable, etc.:

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

O utilice los ayudantes sin tipo:

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

Esto funcionó para mí.

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

No tenga miedo de usar HTML sin procesar.

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

También puede usar los atributos HTML 5 aplicando esta anotación de datos:

[DataType(DataType.Date)]

Pero el problema es que esto habilita un selector de fecha específico para navegadores HTML 5. Todavía necesita su propio selector de fecha para navegadores sin soporte, y luego tiene que asegurarse de que su selector de fecha no aparece además de un navegador (Modernizr puede hacer esto fácilmente), u ocultar el navegador si lo hace(complicado y no se cómo métodos confiables que vi eran).

Al final fui con Alex porque mi entorno actual no tiene Modernizr, pero si lo hiciera, lo habría utilizado para mostrar condicionalmente solo mi selector de datos si el navegador no admite uno ya.

Para mí, necesitaba mantener el TextboxFor() porque usar EditorFor() cambia el tipo de entrada hasta la fecha. Que, en Chrome, agrega un selector de fecha incorporado, que arruinó el datepicker de jQuery que ya estaba usando. Por lo tanto, para continuar usando TextboxFor() Y solo mostrar la fecha, puede hacer esto:

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

El atributo DisplayFormat no funcionó para mí en ninguna de las dos formas durante la carga inicial. Creé un EditorTemplate en su lugar:

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

El Editor de plantillas solo funcionará con fines de visualización. Si usas el mismo editor (lo cual tiene sentido porque es un editor) y proporcionaste un valor como 31/01/2010, obtendrás un mensaje de error diciendo que el formato no es válido.

Tenga en cuenta que la exhibición dependerá de la cultura. Y aunque en la mayoría de los casos todas las demás respuestas son correctas, no funcionó para mí. Problema de cultura también causará diferentes problemas con jQuery datepicker, si se adjunta.

Si desea forzar el formato escape / de la siguiente manera:

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

Si no se escapó para mí es mostrar 08-01-2010 vs espera 08/01/2010.

También si no se escapa jQuery datepicker seleccionará diferente defaultDate, en mi caso fue May 10, 2012.

/ / datimetime muestra en el datePicker es 11/24/2011 12: 00: 00 AM

/ / puede dividir esto por espacio y establecer el valor solo hasta la fecha

Script:

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

Marcado:

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

Espera que esto ayude..

Seguro que puedes usar Html.EditorFor. Pero si quieres usar TextBoxFor y usar format desde el atributo DisplayFormat puedes usarlo de esta manera:

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

O crear la siguiente extensión:

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

Simplemente agregue al lado de su modelo.

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

Cuando se utilizan ayudantes de etiqueta en ASP.NET Core, el formato necesita especificarse en formato ISO. Si no se especifica como tal, los datos de entrada enlazados no se mostrarán correctamente y se mostrarán como mm/dd/aaaa sin valor.

Modelo:

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

Vista:

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

El formato también se puede especificar en la vista usando el atributo asp-format.

El HTML resultante se verá como sigue:

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

Yo uso Globalize así que trabajo con muchos formatos de fecha así que usa lo siguiente:

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

Esto ajustará automáticamente el formato de fecha a la configuración regional del navegador.

Si está utilizando el selector de fecha Bootstrap, entonces puede agregar el atributo data_date_format como se muestra a continuación.

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