title: Angular Time range slider
body: <p>I am using <a href="http://danielcrisp.github.io/angular-rangeslider/demo/" rel="nofollow">http://danielcrisp.github.io/angular-rangeslider/demo/</a> to create a range slider but I would like it to use time(HH:MM) not just plain numbers. So it would range from 10m - 2hr. However I am a bit confused about how to achieve this.</p>
  
  <p>Would I be better off formatting the time like this:</p>
  
  <pre><code>$scope.minTime = 10;
  $scope.maxTime = 120;
  </code></pre>
  
  <p>The time is calculated in minutes then perhaps I could somehow maybe using the date filter convert the numbers into hh:mm but I would still prefer if it were formatted something like (10min, 30min, 1hr, 1hr 10min, 1hr 30min, 2hr) </p>
  
  <p>Or is this a better way to do it:</p>
  
  <pre><code>$scope.minTime = 00:10;
  $scope.maxTime = 02:00;
  </code></pre>
  
  <p>Or have I completely missed this and there is a better way?</p>