Format datetime in asp net mvc 4

Question

How can I force the format of datetime in asp net mvc 4   In display mode it shows as I want but in edit model it doesn t  I am using displayfor and editorfor and applyformatineditmode true with dataformatstring   0 dd MM yyyy   What I have tried    globalization in web config  both of them  with my culture and uiculture  modifying the culture and uiculture in application start   custom modelbinder for datetime   I have no idea how to force it and I need to input the date as dd MM yyyy not the default   MORE INFO  my viewmodel is like this       DisplayName  date of birth         DataType DataType Date        DisplayFormat DataFormatString     0 dd MM yyyy    ApplyFormatInEditMode   true       public DateTime  Birth   get  set      in view I use  Html DisplayFor m  gt m Birth  but this works as expected  I see the formatting  and to input the date I use  Html EditorFor m  gt m Birth  but if I try and input something like 13 12 2000 is fails with the error that it is not a valid date  12 13 2000 and 2000 12 13 are working as expected but I need dd MM yyyy    The custom modelbinder is called in application start   b c I don t know where else   Using  lt globalization  gt  I have tried with culture  ro-RO   uiCulture  ro  and other cultures that would give me dd MM yyyy  I have also tried to set it on a per thread basis in application start    there are a lot of examples here  on how to do this     For all that will read this question  It seems that Darin Dimitrov s answer will work as long as I don t have client validation  Another approach is to use custom validation including client side validation  I m glad I found this out before recreating the entire application

User · Answer

Thanks Darin   For me  to be able to post to the create method  It only worked after I modified the BindModel code to    public override object BindModel ControllerContext controllerContext  ModelBindingContext bindingContext        var displayFormat   bindingContext ModelMetadata DisplayFormatString      var value   bindingContext ValueProvider GetValue bindingContext ModelName        if   string IsNullOrEmpty displayFormat   amp  amp  value    null                DateTime date          displayFormat   displayFormat Replace   0    string Empty  Replace      string Empty              use the format specified in the DisplayFormat attribute to parse the date          if  DateTime TryParse value AttemptedValue  CultureInfo GetCultureInfo  en-GB    DateTimeStyles None  out date                         return date                    else                       bindingContext ModelState AddModelError                  bindingContext ModelName                  string Format   0  is an invalid date format   value AttemptedValue                                      return base BindModel controllerContext  bindingContext       Hope this could help someone else

User · Answer

Client validation issues can occur because of MVC bug  even in MVC 5  in jquery validate unobtrusive min js which does not accept date datetime format in any way  Unfortunately you have to solve it manually    My finally working solution     function            validator methods date   function  value  element            return this optional element     moment value   DD MM YYYY   true  isValid                You have to include before    Scripts Render    Scripts jquery-3 1 1 js    Scripts Render    Scripts jquery validate min js    Scripts Render    Scripts jquery validate unobtrusive min js    Scripts Render    Scripts moment js     You can install moment js using   Install-Package Moment js

User · Answer

Ahhhh  now it is clear  You seem to have problems binding back the value  Not with displaying it on the view  Indeed  that s the fault of the default model binder  You could write and use a custom one that will take into consideration the  DisplayFormat  attribute on your model  I have illustrated such a custom model binder here  https   stackoverflow com a 7836093 29407    Apparently some problems still persist  Here s my full setup working perfectly fine on both ASP NET MVC 3  amp  4 RC   Model   public class MyViewModel        DisplayName  date of birth         DataType DataType Date        DisplayFormat DataFormatString     0 dd MM yyyy    ApplyFormatInEditMode   true       public DateTime  Birth   get  set        Controller   public class HomeController   Controller       public ActionResult Index                 return View new MyViewModel                       Birth   DateTime Now                         HttpPost      public ActionResult Index MyViewModel model                return View model             View    model MyViewModel   using  Html BeginForm           Html LabelFor x   gt  x Birth       Html EditorFor x   gt  x Birth       Html ValidationMessageFor x   gt  x Birth       lt button type  submit  gt OK lt  button gt      Registration of the custom model binder in Application Start   ModelBinders Binders Add typeof DateTime    new MyDateTimeModelBinder       And the custom model binder itself   public class MyDateTimeModelBinder   DefaultModelBinder       public override object BindModel ControllerContext controllerContext  ModelBindingContext bindingContext                var displayFormat   bindingContext ModelMetadata DisplayFormatString          var value   bindingContext ValueProvider GetValue bindingContext ModelName            if   string IsNullOrEmpty displayFormat   amp  amp  value    null                        DateTime date              displayFormat   displayFormat Replace   0    string Empty  Replace      string Empty                  use the format specified in the DisplayFormat attribute to parse the date             if  DateTime TryParseExact value AttemptedValue  displayFormat  CultureInfo InvariantCulture  DateTimeStyles None  out date                                 return date                            else                               bindingContext ModelState AddModelError                      bindingContext ModelName                      string Format   0  is an invalid date format   value AttemptedValue                                                      return base BindModel controllerContext  bindingContext             Now  no matter what culture you have setup in your web config   lt globalization gt  element  or the current thread culture  the custom model binder will use the DisplayFormat attribute s date format when parsing nullable dates

[asp.net-mvc] Format datetime in asp.net mvc 4

Examples related to asp.net-mvc

Examples related to asp.net-mvc-4

Examples related to datetime-format