优化Jquery时间滑块TimeSlider显示（刻度可自定义，简化调用）
Jquery时间滑块TimeSlider显示优化，可自定义刻度，简化调用。可通过CSS调整刻度长度，隐藏部分刻度标签。调用方法：```javascript
$("#timeBarSlider").slider({
min: 0,
max: 1440,
range: false,
value: 0,
slide: function (event, ui) {
$("#days").val(intToTimeStr(ui.value));
}
})
.slider("pips", {
rest: "label"
})
.slider("float");
$("#timeBarSlider").on("slidechange", function (e, ui) {
$("#days").val("结果：" + intToTimeStr(ui.value));
});
function setValue() {
$("#timeBarSlider").slider('option', 'value', 720);
};
function intToTimeStr(num) {
var myhour = Math.floor(num / 60);
var myMinute = num `;
if (myhour < 10>
myhour = "0" + myhour;
}
if (myMinute < 10>
myMinute = "0" + myMinute;
}
return myhour + ":" + myMinute;
}
文件大小：55.13KB
评论区