MVC4 DataType.Date EditorFür die Anzeige des Datumswerts in Chrome wird in Internet Explorer nicht angezeigt

Ich verwende das DataType.Date-Attribut für mein Modell und ein EditorFor in meiner Ansicht. Dies funktioniert in Internet Explorer 8 und Internet Explorer 9 einwandfrei. In Google Chrome wird jedoch eine Datumsauswahl angezeigt. Statt des Werts wird nur "Monat / Tag / Jahr" in ausgeblendetem grauem Text angezeigt.

Warum wird der Wert in Google Chrome nicht angezeigt?

Modell:

[DataType(DataType.Date)]
public Nullable<System.DateTime> EstPurchaseDate { get; set; }

Aussicht:

<td class="fieldLabel">Est. Pur. Date</td>
<td class="field">@Html.EditorFor(m=>m.EstPurchaseDate)</td>

Wenn Sie eine Modelleigenschaft mit [DataType(DataType.Date)]der Standardvorlage in ASP.NET MVC 4 dekorieren, wird ein Eingabefeld generiert mit type="date":

<input class="text-box single-line" 
       data-val="true" 
       data-val-date="The field EstPurchaseDate must be a date."
       id="EstPurchaseDate" 
       name="EstPurchaseDate" 
       type="date" value="9/28/2012" />

Browser, die HTML5 wie Google Chrome unterstützen, rendern dieses Eingabefeld mit einer Datumsauswahl.

Um das Datum korrekt anzuzeigen, muss der Wert als formatiert sein 2012-09-28. Zitat aus der Spezifikation :

value: Ein gültiges Volldatum gemäß Definition in [RFC 3339] mit der zusätzlichen Qualifikation, dass die Jahreskomponente vier oder mehr Ziffern umfasst, die eine Zahl größer als 0 darstellen.

Sie können dieses Format mithilfe des folgenden DisplayFormatAttributs erzwingen :

[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public Nullable<System.DateTime> EstPurchaseDate { get; set; }

Fügen Sie in MVC5.2 Date.cshtml zum Ordner ~ / Views / Shared / EditorTemplates hinzu:

@model DateTime?
@{
    IDictionary<string, object> htmlAttributes;
    object objAttributes;
    if (ViewData.TryGetValue("htmlAttributes", out objAttributes))
    {
        htmlAttributes = objAttributes as IDictionary<string, object> ?? HtmlHelper.AnonymousObjectToHtmlAttributes(objAttributes);
    }
    else
    {
        htmlAttributes = new RouteValueDictionary();
    }
    htmlAttributes.Add("type", "date");
    String format = (Request.UserAgent != null && Request.UserAgent.Contains("Chrome")) ? "{0:yyyy-MM-dd}" : "{0:d}";
    @Html.TextBox("", Model, format, htmlAttributes)
}

Als Ergänzung zu Darin Dimitrovs Antwort:

Wenn Sie nur möchten, dass diese bestimmte Zeile ein bestimmtes (vom Standard abweichendes) Format verwendet, können Sie in MVC5 Folgendes verwenden:

@Html.EditorFor(model => model.Property, new {htmlAttributes = new {@Value = @Model.Property.ToString("yyyy-MM-dd"), @class = "customclass" } })

In MVC 3 musste ich hinzufügen:

using System.ComponentModel.DataAnnotations;

unter den Verwendungen beim Hinzufügen von Eigenschaften:

[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]

Vor allem, wenn Sie diese Eigenschaften wie ich in eine .edmx-Datei einfügen. Ich habe festgestellt, dass .edmx-Dateien diese Funktion standardmäßig nicht verwenden, sodass das Hinzufügen von nur Eigenschaften nicht ausreicht.

Wenn Sie [DataType(DataType.Date)]aus Ihrem Modell entfernen , wird das Eingabefeld in Chrome als gerendert type="datetime"und zeigt auch nicht die Datumsauswahl an.

Ich hatte immer noch ein Problem damit, das Format JJJJ-MM-TT zu übergeben, aber ich habe es umgangen, indem ich die Datei Date.cshtml geändert habe:

@model DateTime?

@{
    string date = string.Empty;
    if (Model != null)
    {
        date = string.Format("{0}-{1}-{2}", Model.Value.Year, Model.Value.Month, Model.Value.Day);
    }

    @Html.TextBox(string.Empty, date, new { @class = "datefield", type = "date"  })
}

Antwort auf MVC4 DataType.Date EditorFor zeigt in Chrome keinen Datumswert an, in IE in Ordnung

Im Modell müssen Sie folgende Art von Deklaration haben:

[DataType(DataType.Date)]
public DateTime? DateXYZ { get; set; }

ODER

[DataType(DataType.Date)]
public Nullable<System.DateTime> DateXYZ { get; set; }

Sie müssen das folgende Attribut nicht verwenden:

[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]

Verwenden Sie in der Datei Date.cshtml diese Vorlage:

@model Nullable<DateTime>
@using System.Globalization;

@{
    DateTime dt = DateTime.Now;
    if (Model != null)
    {
        dt = (System.DateTime)Model;

    }

    if (Request.Browser.Type.ToUpper().Contains("IE") || Request.Browser.Type.Contains("InternetExplorer"))
    {
        @Html.TextBox("", String.Format("{0:d}", dt.ToShortDateString()), new { @class = "datefield", type = "date" })
    }
    else
    {
        //Tested in chrome
        DateTimeFormatInfo dtfi = CultureInfo.CreateSpecificCulture("en-US").DateTimeFormat;
        dtfi.DateSeparator = "-";
        dtfi.ShortDatePattern = @"yyyy/MM/dd"; 
        @Html.TextBox("", String.Format("{0:d}", dt.ToString("d", dtfi)), new { @class = "datefield", type = "date" })
    } 
}

Habe Spaß! Grüße, Blerton

Wenn Sie die Kontrolle über das Format des Datums haben müssen (mit anderen Worten, nicht nur das Format JJJJ-MM-TT ist akzeptabel), können Sie auch eine Hilfseigenschaft vom Typ Zeichenfolge hinzufügen und dieser Eigenschaft einen Datumsvalidator hinzufügen und binden Sie an diese Eigenschaft auf der Benutzeroberfläche.

    [Display(Name = "Due date")]
    [Required]
    [AllowHtml]
    [DateValidation]
    public string DueDateString { get; set; }

    public DateTime? DueDate 
    {
        get
        {
            return string.IsNullOrEmpty(DueDateString) ? (DateTime?)null : DateTime.Parse(DueDateString);
        }
        set
        {
            DueDateString = value == null ? null : value.Value.ToString("d");
        }
    }

Und hier ist ein Datumsvalidator:

[AttributeUsage(AttributeTargets.Property, AllowMultiple = true, Inherited = true)]
public class DateValidationAttribute : ValidationAttribute
{
    public DateValidationAttribute()
    {
    }

    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        if (value != null)
        {
            DateTime date;

            if (value is string)
            {
                if (!DateTime.TryParse((string)value, out date))
                {
                    return new ValidationResult(validationContext.DisplayName + " must be a valid date.");
                }
            }
            else
                date = (DateTime)value;

            if (date < new DateTime(1900, 1, 1) || date > new DateTime(3000, 12, 31))
            {
                return new ValidationResult(validationContext.DisplayName + " must be a valid date.");
            }
        }
        return null;
    }
}