title: dd-mm-yyyy Date Validation Error with Google Chrome
body: <p>I am developing an ASP.NET MVC4 application.</p>
  
  <p><strong>My View Model Class Property</strong></p>
  
  <pre><code>[DisplayName("Birth Date")]
          [Required(ErrorMessage = "You must indicate your full birthday")]
          [DataType(DataType.Date), DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")]
          public DateTime BirthDate { get; set; }
  </code></pre>
  
  <p><strong>Javascript Code</strong></p>
  
  <pre><code>var dt = new Date();
      $(function () {
          $("#BirthDate").datepicker({
              showOn: "button",
              buttonImage: "@Url.Content("~/Content/themes/base/images/calendar.gif")",
              buttonImageOnly: true,
              dateFormat: 'dd/mm/yy',
              changeMonth: true,
              changeYear: true,
              yearRange: '1980:dt'
          });
      });
  </code></pre>
  
  <p><strong>View code</strong></p>
  
  <pre><code>&lt;div class="block"&gt;
                      @Html.LabelFor(model =&gt; model.BirthDate, new { @Class = "compel" })
                      @Html.TextBoxFor(model =&gt; model.BirthDate)
                  &lt;/div&gt;
  </code></pre>
  
  <p>When I run the application in IE and Mozilla Firefox it works fine, but with google chrome, it gives validation error as <strong>The Value 24/12/2012 is invalid for Birth Date</strong>.</p>
  
  <p>Kindly help me to resolve this issue.</p>