title: How to remove time from DatePicker ui jquery
body: <p>I'm working with a jquery ui datepicker with asp.net mvc and when the web page open, it show the date with the time (2014/10/16 00:00:00) in the textbox for the datepicker, but if I select a date in the textbox for the datepicker, it will only show the date. I don't want to see the time, what's wrong? </p>
  
  <p>Thanks!</p>
  
  <p>The property in the model is set like this</p>
  
  <pre><code>[DataType(DataType.Date)]
  [Required(ErrorMessageResourceType = typeof(Ressources.Resources), ErrorMessageResourceName="ErrorStartDateRequired")]
  [Display(Name = "DateStarted", ResourceType = typeof(Ressources.Resources))]
  public DateTime DateStarted { get; set; }
  </code></pre>
  
  <p>My date picker is set like this in my web page:</p>
  
  <pre><code>@section scripts{
  &lt;script language="javascript" type="text/javascript"&gt;
      $(document).ready(function () {
      var anchor = document.getElementById('@Model.Anchor');
      anchor.scrollIntoView(true);
  
      var d = new Date(@Model.Project.DateStarted.Year, @Model.Project.DateStarted.Month, @Model.Project.DateStarted.Day);
      $("#datePickerStartDate").datepicker({
          dateFormat: "yy/mm/dd",
          showOtherMonths: true,
          selectOtherMonths: true,
          showButtonPanel: true,
          changeMonth: true,
          changeYear: true,
          gotoCurrent: true,
          defaultDate: d
      });
  });
  </code></pre>
  
  <p>
  }</p>
  
  <p>and this is how the control is showed in the web page (cshtml)</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      @Html.LabelFor(model =&gt; model.Project.DateStarted, new { @class = "control-label col-md-2" })
      &lt;div class="col-md-10"&gt;
          @Html.TextBoxFor(model =&gt; model.Project.DateStarted, new { id = "datePickerStartDate" })
          @Html.ValidationMessageFor(model =&gt; model.Project.DateStarted)
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>