jQuery左右拖动滑块选择时间范围代码

来源:https://www.sucaihuo.com/js/2674.html 2017-08-09 22:13浏览(3280) 收藏

jQuery左右拖动滑块选择时间范围代码,鼠标拖动滑块左右滑动效果选取数值,营业时间范围选择插件。
jQuery左右拖动滑块选择时间范围代码
分类:日期时间 > 范围选择 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.range.js"></script>
<script type="text/javascript">
$(function(){
	$('.range-slider').jRange({
		from: 0, to: 1440, step:30,
		scale: ['00:00','04:00','08:00','12:00','16:00','20:00','24:00'],
		format: '%s',
		width: 400,
		showLabels: true,
		isRange : true
	});

	$("#g2").click(function(){
		var aa = $(".range-slider").val();
		alert(aa);
	});
});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2