MVC input DateTime

Question

If I use EditFor in MVC my DateTime field show a not formated datetime, If I use a old school html my field don't receive the error class.

<div class="editor-field"> <input type="text" name="EstimateTime" id="EstimateTime" value="<%: (Model != null) ? Model.EstimateTime.ToString("dd/MM/yyyy hh:mm:ss tt") : "" %>" /> <%: Html.TextBoxFor(model => model.EstimateTime, new { @value = (Model != null) ? Model.EstimateTime.ToString("dd/MM/yyyy hh:mm:ss tt") : "" })%> <%: Html.ValidationMessageFor(model => model.EstimateTime) %> </div>

result HTML: Look the difference between the value:

<div class="editor-field"> <input type="text" name="EstimateTime" id="EstimateTime" value="31/10/2013 01:54:42 PM" class="hasDatepicker"> <input id="EstimateTime" name="EstimateTime" type="text" value="10/31/2013 1:54:42 PM" class="input-validation-error text-box single-line"> <span class="field-validation-error">Isn't a date/time valid</span> </div>

What is the best practices to fix it?

the problem is, if I use Model.EstimateTime.ToString("dd/MM/yyyy hh:mm:ss tt") the date are show formated MM/dd/..... — AFetter
– AFetter, Commented Oct 31, 2013 at 4:03

Chris Poulter · Accepted Answer · 2014-03-27 13:40:55Z

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

This is working for me in the latest version of Chrome

Indi · Accepted Answer · 2013-11-01 14:07:10Z

Add DataFormatString to the property in your model.

public class YourModel { [DisplayName("Estimate Time:"), DisplayFormat(DataFormatString = "{0:dd/MM/yyyy hh:mm:ss tt}")] public System.DateTime EstimateTime { get; set; } ... }

You should also probably specify ApplyFormatInEditMode = true in the DisplayFormat attribute.

Eduardo Molteni · Accepted Answer · 2013-11-01 14:09:28Z

I always use an Editor Template to perfect output control

this is DateTime.cshtml:

@model System.DateTime? @{ IDictionary<string, object> Attributes = new Dictionary<string, object>(); if (ViewData.ContainsKey("style")) { Attributes.Add("style", (string)ViewData["style"]); } if (ViewData.ContainsKey("autohelp")) { Attributes.Add("title", (string)ViewData["autohelp"]); } if (ViewData.ContainsKey("autofocus")) { Attributes.Add("autofocus", (string)ViewData["autofocus"]); } Attributes.Add("class", "fecha"); Attributes.Add("autocomplete", "off"); } @Html.TextBox("", (Model.HasValue ? Model.Value.ToShortDateString() : string.Empty), Attributes)

Collectives™ on Stack Overflow

MVC input DateTime

3 Answers 3

1 Comment

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Linked

Related