title: jquery timepicker with auto update MVC web forms
body: <p></p>
  
  <pre><code>$(document).ready(function () {
      $('.myPicker').timepicker({
          'step': '15',
          'minTime': '8:00am',
          'maxTime': '17:30pm',
          'timeFormat': 'H:i:s',
      }); 
  
      $('.myTimepicker').on('changeTime', function() {
          $('#mySpan').text($(this).val());
      });     
  });
  </code></pre>
  
  <p>This is my MVC View page</p>
  
  <pre><code>@for (int i = 0; i &lt; Model.Count; i++)
  {
      &lt;td&gt;
           @Html.EditorFor(m =&gt; m[i].From, new { htmlAttributes = new { @class = "form-control myPicker" } })
      &lt;/td&gt;
  }
  </code></pre>
  
  <p>Can anyone please tell me how do I automatically fill out web forms(start from, time) when page first loading. I am using @model IList<br>
   <a href="https://i.stack.imgur.com/foanb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/foanb.jpg" alt="My result "></a></p>
  
  <p>This is my code but this jQuery will not work for me.</p>