Datum nur von TextBoxFor ()

Ich habe Probleme, den einzigen Datumsteil einer DateTime mithilfe von TextBoxFor <,> (Ausdruck, htmlAttributes) in einem Textfeld anzuzeigen.

Das Modell basiert auf Linq2SQL, das Feld ist eine DateTime in SQL und im Entitätsmodell.

Gescheitert:

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

Dieser Trick scheint veraltet zu sein, jeder Zeichenfolgenwert im Objekt htmlAttribute wird ignoriert.

Gescheitert:

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

Ich möchte nur den Datumsteil in der Detail- / Bearbeitungsansicht ohne den Teil "00:00:00" speichern und anzeigen.

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

Dann:

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

MVC4 hat dieses Problem durch Hinzufügen einer neuen TextBoxForÜberladung gelöst , die einen Parameter für das Zeichenfolgenformat verwendet. Sie können dies jetzt einfach tun:

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

Es gibt auch eine Überladung, die HTML-Attribute akzeptiert, sodass Sie die CSS-Klasse festlegen, Datepicker verkabeln können usw.:

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

Oder verwenden Sie die untypisierten Helfer:

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

Das hat bei mir funktioniert.

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

Haben Sie keine Angst vor der Verwendung von rohem HTML.

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

TL; DR;

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

Die Bewerbung [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]hat bei mir nicht geklappt!

Erläuterung:

Um eine Datumseigenschaft Ihres Modells anzuzeigen, verwenden Sie Html.TextBoxFor:

Datumseigenschaft Ihrer Modellklasse:

public DateTime DOB { get; set; }

Auf der Modellseite wird nichts anderes benötigt.

In Razor machst du:

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

Erläuterung:

Das Datum eines HTML- inputElements vom Typ datemuss in Bezug auf ISO8601 formatiert sein. Dies ist:yyyy-MM-dd

Das angezeigte Datum wird basierend auf dem Gebietsschema des Browsers des Benutzers formatiert, der analysierte Wert wird jedoch immer mit JJJJ-MM-TT formatiert.

Ich habe die Erfahrung gemacht, dass die Sprache nicht durch den Accept-LanguageHeader bestimmt wird , sondern entweder durch die Anzeigesprache des Browsers oder durch die Betriebssystemsprache des Betriebssystems.

Sie können auch die HTML 5-Attribute verwenden, indem Sie diese Datenanmerkung anwenden:

[DataType(DataType.Date)]

Das Problem ist jedoch, dass dies eine browserspezifische Datumsauswahl für HTML 5-Browser ermöglicht. Sie benötigen weiterhin eine eigene Datumsauswahl für Browser ohne Unterstützung, und dann müssen Sie sicherstellen, dass Ihre Datumsauswahl nicht zusätzlich zu der eines Browsers angezeigt wird (Modernizr kann dies problemlos ausführen), oder die Browser ausblenden, wenn dies der Fall ist (kompliziert und ich) Ich weiß nicht, wie zuverlässig die Methoden waren, die ich gesehen habe.

Am Ende habe ich mich für Alex entschieden, weil meine aktuelle Umgebung kein Modernizr hat, aber wenn es so wäre, hätte ich das verwendet, um meine Datenauswahl nur bedingt anzuzeigen, wenn der Browser noch keine unterstützt hätte.

Für mich musste ich das beibehalten, TextboxFor()da durch die Verwendung EditorFor()der Eingabetyp auf den neuesten Stand gebracht wurde. In Chrome wird eine integrierte Datumsauswahl hinzugefügt, die den bereits verwendeten jQuery-Datums-Picker vermasselt hat. Um weiterhin TextboxFor()AND zu verwenden und nur das Datum auszugeben, können Sie Folgendes tun:

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

Das DisplayFormat-Attribut funktionierte beim ersten Laden in keiner Form für mich. Ich habe stattdessen eine EditorTemplate erstellt:

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

Der Vorlageneditor funktioniert nur zu Anzeigezwecken. Wenn Sie denselben Editor verwenden (was sinnvoll ist, da es sich um einen Editor handelt) und einen Wert wie den 31.01.2010 angegeben haben, wird eine Fehlermeldung angezeigt, dass das Format ungültig ist.

Ich verwende Globalize, arbeite also mit vielen Datumsformaten und verwende Folgendes:

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

Dadurch wird das Datumsformat automatisch an die Ländereinstellungen des Browsers angepasst.

Beachten Sie, dass die Anzeige von der Kultur abhängt. Und obwohl in den meisten Fällen alle anderen Antworten richtig sind, hat es bei mir nicht funktioniert. Kulturprobleme verursachen auch andere Probleme mit jQuery Datepicker, falls beigefügt.

Wenn Sie das Format-Escape /auf folgende Weise erzwingen möchten :

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

Wenn nicht für mich entkommen, zeigt es 08-01-2010vs. erwartet 08/01/2010.

Auch wenn jQuery datepicker nicht entkommen ist, wählt es ein anderes defaultDate aus, in meinem Fall war es May 10, 2012.

Wenn Sie die Bootstrap- Datumsauswahl verwenden, können Sie das Attribut data_date_format wie folgt hinzufügen .

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

// Datums- und Uhrzeitanzeigen im datePicker sind 24.11.2011 00:00:00 Uhr

// Sie können dies nach Leerzeichen aufteilen und den Wert nur auf Datum setzen

Skript:

    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>

Hoffe das hilft ..

Sicher können Sie Html.EditorFor verwenden. Wenn Sie jedoch TextBoxFor verwenden und das Format aus dem DisplayFormat-Attribut verwenden möchten, können Sie es folgendermaßen verwenden:

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

oder nächste Erweiterung erstellen:

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

Fügen Sie einfach neben Ihrem Modell hinzu.

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

Bei Verwendung von Tag-Hilfsprogrammen in ASP.NET Core muss das Format im ISO-Format angegeben werden. Wenn nicht als solche angegeben, werden gebundene Eingabedaten nicht richtig angezeigt und als MM / TT / JJJJ ohne Wert angezeigt.

Modell:

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

Aussicht:

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

Das Format kann auch in der Ansicht mithilfe des Attributs asp-format angegeben werden.

Der resultierende HTML-Code sieht folgendermaßen aus:

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

Sie können den folgenden Code verwenden, um die Zeit im HH: mm-Format zu drucken. In meinem Fall ist der Eigenschaftstyp TimeSpan. Der Wert kommt also im HH: mm: tt-Format, aber ich muss ihn im obigen Format anzeigen, d. H. HH: mm

Sie können diesen Code also verwenden:

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

Wenn Sie darauf bestehen, das zu verwenden [DisplayFormat], MVC4 jedoch nicht verwenden, können Sie Folgendes verwenden:

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