How do you format a DateTime that's displayed by TextBoxFor() in MVC3?

Question

I have ASP.NET MVC3 installed. I need datepicker with formatted date. I tried this, but it\'s not working (when passing \"{0:dd/MM/yyyy}\" as format parameter, it still does

Answer 1

Display will depend on culture. And while in most cases all other answers are correct, it did not work for me. Culture issue will also cause different problems with jQuery datepicker, if attached.

If you wish to force the format escape / in the following manner:

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

If not escaped for me it show 08-01-2010 vs. expected 08/01/2010.

Also if not escaped jQuery datepicker will select different defaultDate, in my instance it was May 10, 2012.

Answer 2

In your Model, use the following:

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

Here is what it should do in the View:

@Html.EditorFor(model => model.YourDate, new { @class = "date" })

This should give you a date formatted out to the format of dd/MM/yyyy.

Answer 3

this format will help you:

@Html.TextBoxFor(Model => Model._facadeLowdown.DoB, new { @value= Model._facadeLowdown.DoB.HasValue ? Model._facadeLowdown.DoB.Value.ToString("MM/dd/yyyy") : ""
}

Answer 4

The only format I have even gotten to work is this:

@Html.TextBoxFor(m => m.Birthdate, "{0:MM/dd/yyyy}")

Answer 5

The syntax is: @Html.TextBoxFor( expression, string format, object htmlAttributes)

eg:

   @Html.TextBoxFor(x => x.DateUtc, "{0:yyyy-MM-dd HH:mm:ss}",
            new { @class = "form-control", placeholder = "Enter Title", id="myDate"})