如何在jquery中為每天，每周和每月的步驟創建范圍滑塊

Question

我想創建一個在下拉菜單{每天，每周和每月}上操作的范圍滑塊。

在選擇每日步驟時，將更改為7，將minDate更改為maxDate表示今天為date-7。 在選擇每周步驟時，更改為4（7-7-7-7 = 30），minDate更改為（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));
      }
  });

Answer 1

如果我理解正確，則希望在初始化后可以更改滑塊的參數（例如，step，min，max等）。 這樣的事情應該起作用：

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