文件名称:
Jquery时间滑块TimeSlider增强显示（精简优化，有刻度，有调用方法）
开发工具:
文件大小: 55kb
下载次数: 0
上传时间: 2019-10-12
详细说明：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;
}
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台，提供交流渠道，下载内容来自于网络，除下载问题外，其它问题请自行百度。
- 本站已设置防盗链，请勿用迅雷、QQ旋风等多线程下载软件下载资源，下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载，请稍后再次尝试；或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎，请到消费记录里找到下载记录反馈给我们，经确认后退回积分.
- 如下载前有疑问，可以通过点击"提供者"的名字，查看对方的联系方式，联系对方咨询.
