嗨,我需要实现一个24小时制的滑块。我喜欢用这个jquery ui滑块。我写下面的代码
<script type="text/javascript"> $(function() { $(".slider-range").slider({ range: true,min: 0,max: 23.59,step: 0.15 }); }); </script>
我喜欢的范围就像01:00 —- 01:59
我如何给冒号(:)而不是点(。)
。此外,范围waas超越了59像05:85。请帮我创建一个时间滑块
解决方法
不要使用小时作为单位,而是使用分钟。然后应用将会议转换为小时的幻灯片事件:
$(function() { $(".slider-range").slider({ range: true,max: 1440,step: 15,slide: function(e,ui) { var hours = Math.floor(ui.value / 60); var minutes = ui.value - (hours * 60); if(hours.toString().length == 1) hours = '0' + hours; if(minutes.toString().length == 1) minutes = '0' + minutes; $('#something').html(hours+':'+minutes); } }); });
原文地址:https://www.jb51.cc/jquery/182149.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。