Javascript 如何在jquery中为每日、每周和每月的步骤创建范围滑块

我想创建一个在下拉菜单{每日、每周和每月}上运行的范围滑块

在选择每日步骤时，更改为7，minDate chages更改为maxDate表示今天的日期-7。在选择每周步骤时，更改为4（7-7-7-7=30），minDate chages更改为（maxDate）date-30。 在选择每月步骤时，将更改为12（12个月=365天），将minDate chages更改为（maxDate）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));
      }
  });

---

如果我理解正确，您希望能够在滑块初始化后更改其参数（例如，步长、最小值、最大值等）。像这样的方法应该会奏效：

$('#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;
    }
});

---

如果我理解正确，您希望能够在滑块初始化后更改其参数（例如，步长、最小值、最大值等）。像这样的方法应该会奏效：

$('#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;
    }
});

---

你的问题或具体问题是什么？另外，为了便于阅读，请将代码缩进。您能澄清一下您的问题吗？另外，发布一个你的问题，这样我们就有了一个工作副本。你的问题或具体问题是什么？另外，为了便于阅读，请将代码缩进。您能澄清一下您的问题吗？另外，发布您的问题，以便我们有一个工作副本来查看。