jQuery时间滑块插件

使用方法

1.引入必要文件

<link rel="stylesheet" href="jquery.range.css">
<script src="jquery-1.11.0.min.js"></script>
<script src="jquery.range.js"></script>

2.HTML上使用,此处列举部分代码

<h2>时间滑动插件</h2> <br />
<div class="demo-output">
    <input class="single-slider" type="hidden" value="0.0"/>
    </div>

3.实现

<script type="text/javascript">
        $(document).ready(function(){
            $('.single-slider').jRange({
                from: 0,
                to: 1440,
                step: 10,
                scale: ['00:00',"01:00","02:00","03:00",'04:00',"05:00","06:00", "07:00",'08:00',"09:00","10:00","11:00",'12:00',"13:00","14:00","15:00",'16:00',
                "17:00",'18:00','19:00','20:00','21:00','22:00','23:00','24:00'],
                format: '%s',
                width: 1000,
                showLabels: true,
                snap: true
            });
        });
    </script>
更新时间 2020-05-21 11:40:27,本资源已通过Awesomes审核检验,请放心使用!
如下载遇到问题,请联系客服解决
下载地址
此插件下载需要0A币,请登录后进行下载。
请文明评论,与人为善,比聪明更重要!
评论