Display DateTime value in dd/mm/yyyy format in Asp.NET MVC

asp.net-mvc, asp.net-mvc-4, datetime, datetime-format

Solution

After few hours of searching, I just solved this issue with a few lines of code

Your model

      [Required(ErrorMessage = "Enter the issued date.")]
      [DataType(DataType.Date)]
      public DateTime IssueDate { get; set; }

Razor Page

     @Html.TextBoxFor(model => model.IssueDate)
     @Html.ValidationMessageFor(model => model.IssueDate)

Jquery DatePicker

<script type="text/javascript">
    $(document).ready(function () {
        $('#IssueDate').datepicker({
            dateFormat: "dd/mm/yy",
            showStatus: true,
            showWeeks: true,
            currentText: 'Now',
            autoSize: true,
            gotoCurrent: true,
            showAnim: 'blind',
            highlightWeek: true
        });
    });
</script>

Webconfig File

    <system.web>
        <globalization uiCulture="en" culture="en-GB"/>
    </system.web>

Now your text-box will accept "dd/MM/yyyy" format.

Problem

Is it possible to display a `DateTime` value in dd/mm/yyyy format with the help of `HTML Helper` methods in `Asp.NET MVC`? I tried to do this by using some formats in `@Html.LabelFor` and adding some annotations to the related property like below but it does not make any sense. Any help to solve this problem would be appreciated. Model: ``` [DataType(DataType.Date)] [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)] public Nullable<System.DateTime> RegistrationDate { get; set; } ```

Original source