title: MVC Razor DatePicker and TimePicker
body: <p>I have a form generated by Razor that allows users to edit some scheduler data, and it works fairly well.</p>
  
  <p>One thing that I do not understand, nor have I seen before, are the Date and Time pickers that are automatically generated by Razor.</p>
  
  <p>To clarify, these are what I'm talking about:</p>
  
  <p><img src="https://i.stack.imgur.com/P3mKT.png" alt="Date and Time Pickers"></p>
  
  <p>They're nice and all, but as you can see in the screenshot, they <strong>do not use my model values.</strong></p>
  
  <p>The markup itself has my values set in the tags, but the controls ignore them.</p>
  
  <p>Here's what I mean:</p>
  
  <p><img src="https://i.stack.imgur.com/t8jkO.png" alt="enter image description here"></p>
  
  <p>As you can see, the values are set in the tags, but the controls are not respecting those values.</p>
  
  <p>I will note that in my custom-built model, I have these properties annotated with the following:</p>
  
  <pre><code>//For the dates...
  [DataType(System.ComponentModel.DataAnnotations.DataType.Date)]
  
  //For the time...
  [DataType(System.ComponentModel.DataAnnotations.DataType.Time)]
  </code></pre>
  
  <p>I would prefer to not have to remove these annotations, however if it affects my reaching a solution, I will do what must be done.</p>
  
  <p>To solve this, I'd like one of two things:</p>
  
  <ol>
  <li>Prevent these controls from being generated in the first place so that I can use <a href="http://trentrichardson.com/examples/timepicker/" rel="nofollow noreferrer">this absolutely wonderful jQuery datetimepicker addon</a>.</li>
  <li>Force these controls to respect and display the values passed in from my model.</li>
  </ol>
  
  <p>All suggestions are appreciated. Suggestions made by those familiar with MVC will be appreciated even more.</p>