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

4

[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

answered Mar 27, 2014 at 13:40

Chris Poulter

562 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AFetter Over a year ago

I don't think chrome has any relation to it.

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

2

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

answered Nov 1, 2013 at 14:07

Indi

33.9k7 gold badges61 silver badges80 bronze badges

1 Comment

GWB Over a year ago

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

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

0

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)

answered Nov 1, 2013 at 14:09

Eduardo Molteni

39.5k25 gold badges145 silver badges212 bronze badges

Collectives™ on Stack Overflow

MVC input DateTime

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related