Asp.net MVC web Application Date Format for Text Box

Question

I am developing a asp.net mvc web app.

I have an issue with my partial view.

Problem is whenever i open my partial view for a "new form" i got a date in text box in following format :

But when i "edit record" , i get date in my partial view text box like following :

Following is my Model:

[DataType(DataType.Date), DisplayFormat(DataFormatString="{0:d}",ApplyFormatInEditMode=true)]
    public Nullable<System.DateTime> ReleaseDate { get; set; }

Following is my partial view code:

<div class="editor-field">
        @Html.TextBoxFor(model => model.ReleaseDate, new { @class = "Date" })
        @Html.ValidationMessageFor(model => model.ReleaseDate)
    </div>
    <script type="text/javascript">
        debugger;
        var s = $(".Date");
        s.dateFormat = "dd/mm/yyyy";
        $('.Date').datepicker({ dateFormat: "d/m/yy" });
        var newdate = Date.parse($("#ReleaseDate"));
        var rdate = $("#ReleaseDate").val();
        var fdate = Date.parse(rdate);
        debugger;
    </script>

What i want is to get the date like 16/08/2014 when i edit my record. please tell me where should i modify my code to set date format.

Thank you

Answer 1

You could decorate your view model property with the [DisplayFormat] attribute:

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

and in your view:

@Html.EditorFor(x => x.ReleaseDate)

Another possibility which I don't recommend is to use a weakly typed helper:

@Html.TextBox("ReleaseDate", Model.ReleaseDate.ToLongDateString())

Answer 2

Below is changes that you should make

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