title: JQuery UI Slider for time
body: <p>Hi I need to implement a slider for 24 hour time range . I like to use jquery ui slider for this . I have written below code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function() {
      $(".slider-range").slider({
          range: true,
          min: 0,
          max: 23.59,
          step: 0.15
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I like the range is like 01:00----01:59</p>
  
  <p>How i gave the colon(:) instead of dot(.)
  . Also the range waas gone beyond 59  like 05:85 . Please help me to create a time slider</p>