title: Bootstrap 3 Datepicker and DateTime validation error
body: <p>I'm using Bootstrap 3 Datepicker (<a href="http://eonasdan.github.io/bootstrap-datetimepicker/" rel="noreferrer">http://eonasdan.github.io/bootstrap-datetimepicker/</a>) to present a DateTime Picker for a model property:</p>
  
  <p>Model:</p>
  
  <pre><code>[Table("Calls")]
  public partial class Call
  {
      [Key]
      [DatabaseGeneratedAttribute(DatabaseGeneratedOption.Identity)]
      public int Id { get; set; }
  
      [Required(ErrorMessage = "Campo obrigatório")]
      [Display(Name = "Data e Hora de início")]
      [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd-MM-yyyy HH:mm}")]
      public DateTime DateOfTheCall { get; set; }
  }
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      @Html.LabelFor(model =&gt; model.DateOfTheCall, htmlAttributes: new { @class = "control-label col-md-2" })
      &lt;div class="col-md-10"&gt;
          @Html.EditorFor(model =&gt; model.DateOfTheCall, new { htmlAttributes = new { @class = "form-control date" } })
          @Html.ValidationMessageFor(model =&gt; model.DateOfTheCall, "", new { @class = "text-danger" })
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I set the datepicker with the date format:</p>
  
  <pre><code>// initialise any date pickers
  $('.date').datetimepicker({
      locale: 'pt',
      format: 'DD-MM-YYYY HH:mm'
  });
  </code></pre>
  
  <p>I also set the culture in the web.config file:</p>
  
  <pre><code>&lt;globalization culture="pt-PT"/&gt;
  </code></pre>
  
  <p>But I'm always getting the error message:</p>
  
  <pre><code>The field Data e Hora de início must be a date.
  </code></pre>