title: MVC4 Wrong date format
body: <p>I'm using MVC4 to develop an intranet web app. When I try to create a new <strong>person</strong>, I have to choose a <strong>start date</strong>. I've implemented a datepicker with a jQuery script in order to do that. I had a problem with the culture and decimal numbers but fortunately, with help I managed to fix it. The accepted date format is the <strong>yyyy/mm/dd</strong> format but I want to make it <strong>dd/mm/yyyy</strong>. Is it possible? I tried to change the format, include the  tags, ... No effect.</p>
  
  <p>The Create View : </p>
  
  <pre><code>@model BuSIMaterial.Models.Person
  @{
      ViewBag.Title = "Create";
  }
  
  &lt;h2&gt;Create&lt;/h2&gt;
  
  @using (Html.BeginForm()) {
      @Html.ValidationSummary(true)
  
      &lt;fieldset&gt;
          &lt;legend&gt;Person&lt;/legend&gt;
  
          &lt;div class="editor-label"&gt;
              First name : 
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.TextBoxFor(model =&gt; model.FirstName, new { maxlength = 50 })
              @Html.ValidationMessageFor(model =&gt; model.FirstName)
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              Last name : 
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.TextBoxFor(model =&gt; model.LastName, new { maxlength = 50 })
              @Html.ValidationMessageFor(model =&gt; model.LastName)
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              National number : 
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.TextBoxFor(model =&gt; model.NumNat, new { maxlength = 11 })
              @Html.ValidationMessageFor(model =&gt; model.NumNat)
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              Start date : 
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.TextBoxFor(model =&gt; model.StartDate, new {@class = "datepicker" })
              @Html.ValidationMessageFor(model =&gt; model.StartDate)
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              End date : 
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.TextBoxFor(model =&gt; model.EndDate, new { @class = "datepicker" })
              @Html.ValidationMessageFor(model =&gt; model.EndDate)
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              Distance House - Work (km) : 
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.EditorFor(model =&gt; model.HouseToWorkKilometers)
              @Html.ValidationMessageFor(model =&gt; model.HouseToWorkKilometers)
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              Category : 
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.DropDownList("Id_ProductPackageCategory", "Choose one ...")
              @Html.ValidationMessageFor(model =&gt; model.Id_ProductPackageCategory) &lt;a href = "../ProductPackageCategory/Create"&gt;Add a new category?&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              Upgrade? : 
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.EditorFor(model =&gt; model.Upgrade)
              @Html.ValidationMessageFor(model =&gt; model.Upgrade)
          &lt;/div&gt;
  
          &lt;p&gt;
              &lt;input type="submit" value="Create" /&gt;
          &lt;/p&gt;
      &lt;/fieldset&gt;
  }
  
  &lt;div&gt;
      @Html.ActionLink("Back to List", "Index")
  &lt;/div&gt;
  
  @section Scripts {
      @Scripts.Render("~/bundles/jqueryval")
      @Scripts.Render("~/bundles/jqueryui")
      @Styles.Render("~/Content/themes/base/css")
  }
  </code></pre>
  
  <p>jQuery picker and globalization culture : </p>
  
  <pre><code>$(document).ready(function () {
      $(".datepicker").datepicker({
                          changeMonth: true,
                         changeYear: true,
          dateFormat: 'dd/mm/yy'
  
      });
  });
  
  $.validator.methods.number = function (value, element) {
      return this.optional(element) ||
                  !isNaN(Globalize.parseFloat(value));
  }
  $(document).ready(function () {
      Globalize.culture('fr-FR');
  });
  
  jQuery.extend(jQuery.validator.methods, {
      range: function (value, element, param) {
          //Use the Globalization plugin to parse the value        
          var val = $.global.parseFloat(value);
          return this.optional(element) || (
                      val &gt;= param[0] &amp;&amp; val &lt;= param[1]);
      }
  });
  </code></pre>
  
  <p>Thanks a lot.</p>