jUI slider (custom)

by Sparrow Squire

HTML

<label for="outboundRange">
  Inbound:
  <span id="outboundStartTime"></span> - <span id="outboundEndTime"></span>
</label>
<div id="outboundRange"></div>

JavaScript

var minVal = 530;
var maxVal = 1080;

$("#outboundRange").slider({
  range: true,
  min: minVal,
  max: maxVal,
  values: [minVal, maxVal],
  step: 5,//0.0833,
  slide: function(e, ui) {
    var starttime = minsToTimestring(ui.values[0], '#outboundStartTime');
    var endtime = minsToTimestring(ui.values[1], '#outboundEndTime');
  }
});

//#convert time/mins
function minsToTimestring(i, id) {
    var mins = i % 60;
    var hrs = (i-mins)/60;
    var time = hrs.toString() + ":" + (mins<10?"0":"") + mins.toString(); 
    $(id).html(time);
}

function timestringToMins(i) {
		var time = i.split(":");
    var mins = parseInt(time[0])*60+parseInt(time[1]);
}
minsToTimestring(530);
timestringToMins("05:12");

//function timeStringToFloat(i) {
//  var hoursMinutes = i.split(/[.:]/);
//  var hours = parseInt(hoursMinutes[0], 10);
//  var minutes = hoursMinutes[1] ? parseInt(hoursMinutes[1], 10) : 0;
//  var time = hours + minutes / 60;
//  console.log("timestring to float >> " + time);
//  console.log(typeof time);
//}

//function floatToTimeString(i, id) {
//  var hrs = parseInt(Number(i));
//  var mins = Math.round((Number(i) - hrs) * 60);
//  if (hrs.toString().length == 1) hrs = '0' + hrs;
//  if (mins.toString().length == 1) mins = '0' + mins;  
//  $(id).html(hrs + ':' + mins);
//}