Specify Date format in MVC5 (dd/MM/yyyy)

by

You’re generating the browser’s HTML5 datepicker by using EditorFor() in conjunction with the [DataType] and [DisplayFormat] attributes. The specifications require that the format be yyyy-MM-dd (ISO format). Change the attribute to:

[Required(ErrorMessage = "Departure date is required")]
[Display(Name = "Departure Date")]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime DepartureDate { get; set; }

and the date will be displayed in the culture of the user’s device, which is what the HTML-5 datepicker is for.

Note that you do not need a custom model binder (the date will be posted in ISO format and will be correctly bound by the DefaultModelBinder).

Note however that the HTML-5 datepicker is only supported in Chrome and Edge, and a normal textbox will be displayed in Firefox (for example). If you want a consistent UI, then it is recommended you use a jquery datepicker plugin (e.g. jquery-UI) but you will also need to reconfigure the validator for client side validation (refer to this answer for an example).

More Related Contents:

  1. Days between two dates in asp.net
  2. c# asp.net delete last comma [closed]
  3. Get the correct week number of a given date
  4. Sharing sessions across applications using the ASP.NET Session State Service
  5. Making a Simple Ajax call to controller in asp.net mvc
  6. How do I do pagination in ASP.NET MVC?
  7. How do I export to Excel?
  8. MVC which submit button has been pressed
  9. Difference between MVC 5 Project and Web Api Project
  10. Passing object in RedirectToAction
  11. How do I dispose my filestream when implementing a file download in ASP.NET?
  12. Visual Studio 2015 not syntax highlighting razor nor Intellisense
  13. C# mvc 3 using selectlist with selected value in view
  14. A type for Date only in C# – why is there no Date type?
  15. Project builds but can’t publish
  16. Does FileStreamResult close Stream?
  17. Display custom error page when file upload exceeds allowed size in ASP.NET MVC
  18. Datetime in C# add days
  19. Random date in C#
  20. How do I setup multiple auth schemes in ASP.NET Core 2.0?
  21. TempData null in asp.net core
  22. Update multiple records at once in asp.net mvc
  23. how to get mac address of client that browse web site by asp.net mvc c#
  24. onchange event for html.dropdownlist
  25. How to pass parameters to a custom ActionFilter in ASP.NET MVC 2?
  26. {version} wildcard in MVC4 Bundle
  27. How can I calculate/find the week-number of a given date?
  28. ASP.NET – AppDomain.CurrentDomain.GetAssemblies() – Assemblies missing after AppDomain restart
  29. Opposite of [compare(” “)] data annotation in .net?
  30. An error occurred attempting to determine the process id of dotnet.exe which is hosting your application. One or more error occured

Leave a Comment