本应用在TigraSlider滑条控件的基础上，扩展了时间滑条的功能。 扩展了两个JS方法： （1）任一整数转换成时间格式字符串函数：intToTime() （2）将时间格式字符串转换成整数函数：timeToInt() TigraSlider示例请参照：demo.html 时间滑条控件示例请参照：timeSlider.html

Jquery时间滑块TimeSlider增强显示。 有刻度，可用CSS设置长短，可以隐藏中间部分刻度的标签。 调用方法： $("#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)); //alert("结果：" + intToTimeStr(ui.value)); }); function setValue() { //设定值 $("#timeBarSlider").slider('option', 'value', 720); ; } //数字（分钟）转时间格式（时:分）的字符串 function intToTimeStr(num) { var myhour = Math.floor(num / 60); var myMinute = num % 60; if (myhour < 10) { myhour = "0" + myhour; } if (myMinute < 10) { myMinute = "0" + myMinute; } return myhour + ":" + myMinute; }