title: how to fix 'The field must be a date' on a datetime property in mvc
body: <p>I need to capture date and time both for my model property. In my model class I have the following</p>
  
  <pre><code>[Required]
  [DataType(DataType.DateTime)]
  public DateTime? CallBackDate { get; set; }
  </code></pre>
  
  <p>When I enter a valid date time (e.g. <code>28/05/2015 15:55</code>) I keep getting this error <code>The field CallBackDate must be a date.</code></p>
  
  <p>I have seen similar question and tried various answers but nothing seems to get rid of this. I m using unobtrusive client side validation and I can't disable it.</p>
  
  <p>The source of the input field has the following markup</p>
  
  <pre><code>&lt;input autocomplete="off" class="jquery_datetimepicker form-control hasDatepicker" data-val="true" data-val-date="The field CallBackDate must be a date." data-val-required="The CallBackDate field is required." id="CallBackDate" name="CallBackDate" placeholder="Enter your CallBackDate" type="text" value=""&gt;
  </code></pre>
  
  <p>And jquery datetime picker has the following markup</p>
  
  <pre><code>$('.jquery_datetimepicker').datetimepicker({
      dateFormat: 'dd/mm/yy',
      minDate: 0,
      showWeeks: true,
      showStatus: true,
      highlightWeek: true,
      numberOfMonths: 1,
      showAnim: "scale",
      showOptions: {
          origin: ["top", "left"]
      },
      timeFormat: 'hh:mm tt'
  });
  </code></pre>
  
  <p>Any ideas? thanks</p>