title: Set custom time on bootstrap TimePicker
body: <p>i have 2 time pickers in my page like </p>
  
  <pre><code>&lt;div class="form-group"&gt;
     &lt;input class="time ui-timepicker-input" id="FromTime" name="FromTime" type="text" value="" autocomplete="off"&gt;            
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
     &lt;input class="time ui-timepicker-input" id="ToTime" name="FromTime" type="text" value="" autocomplete="off"&gt;            
  &lt;/div&gt;
   $(document).ready(function () {
       $('#ToTime').timepicker();
       $('#FromTime').timepicker();        
   });
  </code></pre>
  
  <p>Now i want to set <strong>ToTime = FromTime + 1 hour</strong></p>
  
  <p>To raise FromTime value change event and i use the code </p>
  
  <pre><code>$('#FromTime').timepicker().on('changeTime.timepicker', function(e) {
     //how to get selected time here
     //set ToTime value with a difference of 1 hour ie if 12:30 am selected set ToTime as 1:30 am
  }); 
  </code></pre>