作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想创建一个范围 slider ,它在{每日、每周和每月}的下拉菜单上运行。
在选择每日步数时,将更改为 7,将 minDate 更改为 maxDate,表示今天的日期为 7。选择每周步数更改为 4(7-7-7-7=30),最小日期更改为 (maxDate)today date-30。选择每月步数更改为 12(12 个月 = 365 天)并且 minDate 更改为 (maxDate)today date-365。
并且鼠标指针都指向maxDate
var maxdate1 = new Date(),
minDate1 = removeDays(new Date(), -7);
alert(minDate1);
$( "#slider" )
.slider({range: true,
step: 1,
animate:true,
value: maxDate1,
values [minDate1, maxDate1],
max: Math.floor((maxDate1.getTime() - minDate1.getTime()) / 86400000),
slide: function(event, ui) {
var date = new Date(minDate1.getTime());
date.setDate(date.getDate() + ui.values[0]);
$('#startDate').val($.datepicker.formatDate('mm/dd/yy', date));
$('#from').val($.datepicker.formatDate('M d, yy', date));
date = new Date(minDate1.getTime());
date.setDate(date.getDate() + ui.values[1]);
$('#endDate').val($.datepicker.formatDate('mm/dd/yy', date));
$('#to').val($.datepicker.formatDate('M d, yy', date));
}
});
最佳答案
如果我没理解错的话,您希望能够在 slider 初始化后更改其参数(例如步长、最小值、最大值等)。这样的事情应该有效:
$('#dropdown').change(function() {
switch ($(this).val()) {
case 'daily':
$('#slider').slider('option', 'step', 1);
break;
case 'weekly':
$('#slider').slider('option', 'step', 7);
break;
case 'monthly':
$('#slider').slider('option', 'step', 30);
break;
}
});
关于javascript - 如何在 jquery 中为每日、每周和每月的步骤创建范围 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10738001/
我是一名优秀的程序员,十分优秀!