title: Add one hour to string on client side
body: <p>I have two timepicker in my view</p>
  
  <pre><code>  @Html.Kendo().TimePickerFor(m=&gt;m.AttendeeStartTime).Format("HH:mm")
    @Html.Kendo().TimePickerFor(m=&gt;m.AttendeeEndTime).Format("HH:mm")
  </code></pre>
  
  <p>This is how it looks
  <img src="https://i.stack.imgur.com/McgFi.png" alt="enter image description here"></p>
  
  <p>and here is rendered HTML for From Timepicker,</p>
  
  <pre><code>  &lt;input data-val="true" data-val-required="The AttendeeStartTime field is required." 
  id="AttendeeStartTime" name="AttendeeStartTime" type="text" value="09:00" data-role="timepicker" 
  class="k-input valid" role="textbox" aria-haspopup="true" aria-expanded="false" aria-
  owns="AttendeeStartTime_timeview" aria-disabled="false" aria-readonly="false" style="width: 100%;"&gt;
  </code></pre>
  
  <p>Whenever there is change in From timepicker, how can I add one hour to its value and set to to To timepicker?
  This is what I have done,</p>
  
  <pre><code>  $('#@Html.IdFor(m=&gt;m.AttendeeStartTime)').on('change', function () {
          //var date = new Date();
          endTime.value($(this).val());
          alert(endTime.value());
  </code></pre>
  
  <p>This only sets the To value to the same as From when there is change, but I want to add an hour or some timespan to it.</p>
  
  <p>How should i do that?</p>