jQuery拖拽滑块选择时间插件

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script src="jquery.range.js"></script>
    <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>