Data solo da TextBoxFor ()

Ho problemi a visualizzare l'unica parte della data di un DateTime in una casella di testo utilizzando TextBoxFor <,> (espressione, htmlAttributes).

Il modello si basa su Linq2SQL, il campo è un DateTime su SQL e nel modello Entity.

non riuscita:

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

Questo trucco sembra essere deprezzato, qualsiasi valore di stringa nell'oggetto htmlAttribute viene ignorato.

non riuscita:

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

Vorrei archiviare e visualizzare solo la parte della data nella vista dettagli / modifica, senza la parte "00:00:00".

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

Poi:

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

MVC4 ha risolto questo problema aggiungendo un nuovo TextBoxForsovraccarico, che accetta un parametro di formato stringa. Ora puoi semplicemente fare questo:

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

C'è anche un sovraccarico che accetta gli attributi html, quindi puoi impostare la classe CSS, collegare i datepicker, ecc:

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

Oppure usa gli helper non tipizzati:

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

Questo ha funzionato per me.

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

Non aver paura di usare HTML non elaborato.

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

TL; DR;

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

L'applicazione [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]non ha funzionato per me!

Spiegazione:

Per visualizzare una proprietà data del modello usando Html.TextBoxFor:

Proprietà Date della classe del modello:

public DateTime DOB { get; set; }

Nient'altro è necessario dal lato del modello.

In Razor fai:

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

Spiegazione:

La data di un inputelemento html di tipo datedeve essere formattata secondo ISO8601 , che è:yyyy-MM-dd

La data visualizzata è formattata in base alle impostazioni internazionali del browser dell'utente, ma il valore analizzato è sempre formattato aaaa-mm-gg.

La mia esperienza è che la lingua non è determinata dall'intestazione Accept-Language, ma dalla lingua di visualizzazione del browser o dalla lingua del sistema operativo.

Puoi anche utilizzare gli attributi HTML 5 applicando questa annotazione di dati:

[DataType(DataType.Date)]

Ma il problema è che abilita un selettore di date specifico del browser per i browser HTML 5. Hai ancora bisogno del tuo selettore di date per i browser senza supporto, quindi devi assicurarti che il tuo selettore di date non appaia in aggiunta a un browser (Modernizr può farlo facilmente), o nascondi il browser se lo fa (complicato e io non so quanto fossero affidabili i metodi che ho visto).

Alla fine sono andato con Alex perché il mio ambiente attuale non ha Modernizr, ma se lo avesse fatto, lo avrei usato per mostrare in modo condizionale il mio selettore di dati solo se il browser non ne supportava già uno.

Per quanto mi riguarda, ho dovuto mantenere il TextboxFor()perché l'utilizzo EditorFor()modifica il tipo di input fino ad oggi. Che, in Chrome, aggiunge un selettore di date incorporato, che ha rovinato il datepicker jQuery che stavo già utilizzando. Quindi, per continuare a utilizzare TextboxFor()AND solo l'output della data, puoi farlo:

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

L'attributo DisplayFormat non ha funzionato per me in nessuna delle due forme al caricamento iniziale. Ho invece creato un 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" }) %>

L'editor dei modelli funzionerà solo a scopo di visualizzazione. Se usi lo stesso editor (il che ha senso perché è un editor) e hai fornito un valore come 31/01/2010 - riceverai un messaggio di errore che dice che il formato non è valido.

Uso Globalize, quindi lavoro con molti formati di data, quindi uso quanto segue:

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

Ciò adeguerà automaticamente il formato della data alle impostazioni internazionali del browser.

Tieni presente che la visualizzazione dipenderà dalla cultura. E mentre nella maggior parte dei casi tutte le altre risposte sono corrette, non ha funzionato per me. Il problema relativo alla cultura causerà anche diversi problemi con jQuery datepicker, se allegato.

Se si desidera forzare l'uscita del formato /nel modo seguente:

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

Se non è scappato per me, mostra 08-01-2010contro previsto 08/01/2010.

Inoltre, se non è sfuggito jpery datepicker selezionerà data di default diversa, nel mio caso lo era May 10, 2012.

Se stai utilizzando il selettore di date Bootstrap, puoi semplicemente aggiungere l' attributo data_date_format come di seguito.

      @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 viene visualizzato in datePicker è il 24/11/2011 alle 12:00:00

// puoi dividerlo per spazio e impostare il valore solo per data

script:

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

markup:

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

Spero che questo aiuti ...

Sicuro che puoi usare Html.EditorFor. Ma se vuoi usare TextBoxFor e utilizzare il formato dall'attributo DisplayFormat puoi usarlo in questo modo:

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

o crea la prossima estensione:

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

Aggiungi solo accanto al tuo modello.

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

Quando si utilizzano gli helper di tag in ASP.NET Core, il formato deve essere specificato in formato ISO. Se non specificato come tale, i dati di input associati non verranno visualizzati correttamente e verranno visualizzati come mm / gg / aaaa senza valore.

Modello:

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

Visualizza:

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

Il formato può anche essere specificato nella vista usando l'attributo asp-format.

L'HTML risultante avrà il seguente aspetto:

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

Puoi usare il codice qui sotto per stampare il tempo nel formato HH: mm , Nel mio caso il tipo di proprietà è TimeSpan Quindi il valore sta arrivando nel formato HH: mm: tt ma devo mostrarlo nel formato sopra cioè. HH: mm

Quindi puoi usare questo codice:

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

Se insisti nell'usare il [DisplayFormat], ma non stai usando MVC4, puoi usare questo:

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