Fecha solo de TextBoxFor ()

Tengo problemas para mostrar la única parte de fecha de DateTime en un cuadro de texto usando TextBoxFor <,> (expresión, htmlAttributes).

El modelo se basa en Linq2SQL, el campo es un DateTime en SQL y en el modelo de entidad.

Ha fallado:

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

Este truco parece estar depreciado, cualquier valor de cadena en el objeto htmlAttribute se ignora.

Ha fallado:

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

Me gustaría almacenar y mostrar solo la parte de fecha en la vista de detalles / edición, sin la parte "00:00:00".

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

Luego:

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

MVC4 ha resuelto este problema agregando una nueva TextBoxForsobrecarga, que toma un parámetro de formato de cadena. Ahora puede 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, seleccionar los datepickers, 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 use 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 tengas miedo de usar HTML sin formato.

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

TL; DR;

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

¡Solicitar [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]no funcionó para mí!

Explicación:

Para mostrar una propiedad de fecha de su modelo usando Html.TextBoxFor:

Propiedad de fecha de su clase de modelo:

public DateTime DOB { get; set; }

No se necesita nada más en el lado del modelo.

En Razor haces:

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

Explicación:

La fecha de un inputelemento de tipo html datedebe formatearse con respecto a ISO8601 , que es:yyyy-MM-dd

La fecha que se muestra se formatea según la configuración regional del navegador del usuario, pero el valor analizado siempre se formatea aaaa-mm-dd.

Mi experiencia es que el idioma no está determinado por el Accept-Languageencabezado, sino por el idioma de visualización del navegador o el idioma del sistema operativo.

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 del navegador para los navegadores HTML 5. Todavía necesita su propio selector de fechas para navegadores sin soporte, y luego debe asegurarse de que su selector de fechas no aparezca además del de un navegador (Modernizr puede hacer esto fácilmente) u ocultar el navegador si lo hace (complicado y yo no sé qué tan confiables fueron los métodos que vi).

Al final, fui con Alex porque mi entorno actual no tiene Modernizr, pero si lo tuviera, lo habría usado para mostrar condicionalmente mi selector de datos si el navegador ya no era compatible.

Para mí, necesitaba mantener el TextboxFor()porque el uso EditorFor()cambia el tipo de entrada hasta la fecha. Lo que, en Chrome, agrega un selector de fecha incorporado, que arruinó el jQuery datepicker que ya estaba usando. Por lo tanto, para continuar usando TextboxFor()AND solo generar 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í de ninguna de las formas en 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 funcionará solo con fines de visualización. Si usa el mismo editor (lo cual tiene sentido porque es un editor) y proporcionó un valor como 31/01/2010, recibirá un mensaje de error que indica que el formato no es válido.

Uso Globalize, así que trabajo con muchos formatos de fecha, así que use lo siguiente:

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

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

Tenga en cuenta que la exhibición dependerá de la cultura. Y aunque en la mayoría de los casos todas las otras respuestas son correctas, no funcionó para mí. El problema cultural también causará diferentes problemas con jQuery datepicker, si está adjunto.

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

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

Si no se me escapó, se muestra 08-01-2010vs. esperado 08/01/2010.

Además, si no se escapó, jQuery datepicker seleccionará defaultDate diferente, en mi caso lo fue May 10, 2012.

Si está utilizando el selector de fecha Bootstrap, 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" 
})

// datimetime se muestra en la fecha El marcador es 24/11/2011 12:00:00 a.m.

// puedes dividir esto por espacio y establecer el valor solo en fecha

Guión:

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

Margen:

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

Claro que puedes usar Html.EditorFor. Pero si desea usar TextBoxFor y usar el formato del atributo DisplayFormat, puede usarlo de esta manera:

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

o crea 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 debe 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; }

Ver:

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

El formato también se puede especificar en la vista utilizando el atributo de formato asp.

El HTML resultante tendrá el siguiente aspecto:

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

Puede usar el siguiente código para imprimir el tiempo en formato HH: mm . En mi caso, el tipo de propiedad es TimeSpan. Por lo tanto, el valor viene en formato HH: mm: tt, pero tengo que mostrarlo en el formato anterior, es decir. HH: mm

Entonces puedes usar este código:

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

Si insiste en usar el [DisplayFormat], pero no está usando MVC4, puede usar esto:

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