如何在jquery中創建一個範圍滑塊，用於每日，每週和每月的步驟

我想要創建一個在下拉菜單{daily，weekly和monthly}上運行的範圍滑塊。如何在jquery中創建一個範圍滑塊，用於每日，每週和每月的步驟

每日步驟的選擇更改爲7，minDate chages到maxDate表示今天的日期-7。選擇每週的步驟更改爲4（7-7-7-7 = 30），並將minDate更改爲（maxDate）今天的日期-30。在每月步驟選擇更改爲12（12個月= 365天）和minDate chages到（maxDate）今天-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)); 
     } 
    });

來源

2012-05-24 Nilesh1021

什麼是您的問題或具體問題？另外，請爲了可讀性縮進您的代碼。 – apsillers

你能澄清你的問題嗎？另外，發佈你的問題[jsFiddle]（http://jsfiddle.net），所以我們有一個工作副本來看看。 – DACrosby

如果我理解正確的話，你希望能夠改變滑塊的參數（例如步，最小值，最大值等），它被初始化後，。像這樣的東西應該工作：

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

來源

2013-09-12 20:07:34 olleicua

如何在jquery中創建一個範圍滑塊，用於每日，每週和每月的步驟

回答

相關問題