title: Modifying duration jquery timepicker
body: <p>I'm using the following UI for date-time combination range selector for my dashboard.
  <a href="https://github.com/keithhackbarth/jquery-datetime-picker" rel="nofollow">https://github.com/keithhackbarth/jquery-datetime-picker</a></p>
  
  <p>Now, I need to select a specific range and I want intervals of 1 hour only using my timepicker.</p>
  
  <p>I was able to edit this on a new timepicker div using the "step" function but am not able to do the same in my main date-time combination.</p>
  
  <p>Here's the code for a new timepicker I created and changed step to 60 minutes :</p>
  
  <pre><code>&lt;div&gt;
      &lt;input type="text" class="timepicker" &gt;
      &lt;/div&gt;
  
  $('.timepicker').timepicker({'step':60});   
  </code></pre>
  
  <p>This part is working perfectly with the new step.</p>
  
  <p>Now, my main part of code with the date-time combination is :</p>
  
  <pre><code> &lt;div id="container"&gt;
          &lt;div class="example"&gt;
              &lt;h3&gt;Select Your Range&lt;/h3&gt;
              &lt;p class="datepair" data-language="javascript"&gt;
                  &lt;input type="text" class="dt_date_start"/&gt;
                  &lt;input type="text" class="dt_time_start" /&gt; .........TO............
                  &lt;input type="text" class="dt_date_end" /&gt;
                  &lt;input type="text" class="dt_time_end" /&gt;
              &lt;/p&gt;
         &lt;/div&gt;
   &lt;/div&gt;
  
  
  
  $('.dt_time_start').timepicker({'minTime': '2:00pm',
      'maxTime': '11:30pm',
      'showDuration': true,'step':60});
  
  $('.dt_time_end').timepicker({'step':60});
  </code></pre>
  
  <p>However, this part is not working properly with the same code etc.
  Any suggestions are welcome.
  Please tell me what I'm doing wrong in this.</p>