Why my DateTime ModelState is invalid? - asp.net-mvc

Question

I have a model like this. Basically I have a field for a class name and two fields for start and end date in format of MM/dd/yyyy
namespace WebApplication3.Models
{
public class DateTimeViewModel
{
public DateTimeViewModel()
{
StartDate = new DateTime(DateTime.Today.Year, 1, 1);
EndDate = new DateTime(StartDate.Year, 12, 31);
}
public int Id { get; set; }
public string ClassName { get; set; }
[Display(Name = "Start Date")]
[Required(ErrorMessage = "{0} is required")]
[DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}", ApplyFormatInEditMode = true)]
public DateTime StartDate { get; set; }
[Display(Name = "End Date")]
[Required(ErrorMessage = "{0} is required")]
[DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}", ApplyFormatInEditMode = true)]
public DateTime EndDate { get; set; }
}
}
This is my View
#model WebApplication3.Models.DateTimeViewModel
#{
ViewBag.Title = "Create";
}
<h2>Create</h2>
#using (Html.BeginForm())
{
#Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>DateTimeViewModel</h4>
<hr />
#Html.ValidationSummary(true, "", new { #class = "text-danger" })
<div class="form-group">
#Html.LabelFor(model => model.ClassName, htmlAttributes: new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.ClassName, new { htmlAttributes = new { #class = "form-control" } })
#Html.ValidationMessageFor(model => model.ClassName, "", new { #class = "text-danger" })
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.StartDate, htmlAttributes: new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.StartDate, new { htmlAttributes = new { #class = "form-control" } })
#Html.ValidationMessageFor(model => model.StartDate, "", new { #class = "text-danger" })
</div>
</div>
<div class="form-group">
#Html.LabelFor(model => model.EndDate, htmlAttributes: new { #class = "control-label col-md-2" })
<div class="col-md-10">
#Html.EditorFor(model => model.EndDate, new { htmlAttributes = new { #class = "form-control" } })
#Html.ValidationMessageFor(model => model.EndDate, "", new { #class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
}
<div>
#Html.ActionLink("Back to List", "Index")
</div>
This is my HttpPost controller
[HttpPost]
public ActionResult Create(WebApplication3.Models.DateTimeViewModel model)
{
if(ModelState.IsValid)
{
/// do something
}
return View();
}
The problem I am having now is that my ModelState.IsValid is returning FALSE when I enter a day like as in picture below:
It looks like every time I am entering a Day that is bigger than 12 then I'll get the validation error.
Do you know why or what I am doing wrong here?
Thank you so much.

Answer 1

Add the culture in your web config file:
<system.web>
<globalization uiCulture="en" culture="en-GB"/>
And add in your global asax this:
protected void Application_BeginRequest(object sender, EventArgs e)
{
CultureInfo culture = new CultureInfo("en-GB");
Thread.CurrentThread.CurrentCulture = culture;
Thread.CurrentThread.CurrentUICulture = culture;
}
Hope this help.

Answer 2

Add [DataType(DataType.Date)] to your annotations.