javascript - JQuery - 月数年营业额 - Jquery UI Slider

Question

我在尝试创建一个更有用的类似日期选择器的界面时遇到了一个有趣的问题。我正在使用 slider 更改列出日历的月份(2010 年 3 月、2010 年 4 月、2010 年 5 月等)。这里有一个非常简单的模型:

http://dev.primestudiosllc.com/riverbank/

我需要先获取当前月份并将其设置为 slider 的开头。然后我需要在未来将最大值设置为 18 个月。那部分很简单。我遇到的问题是当我到达 12 月时， slider 上的下一个位置需要更改年份。这就是我遇到的麻烦。这是我用于 slider 的当前代码:

 $(function() {
  $("#slider-range-min").slider({
     range: "min",
     value: 3,
     min: 1,
     max: 18,
     animate: true,
     slide: function(event, ui) {
   $("#calendar").calendarWidget({
     month: ui.value,
     year: 2010        
   })
  }
});

 $("#calendar").calendarWidget({
   month: 2,
   year: 2010        
  })
;})

请让我知道我可以做些什么来完成这项工作。非常感谢大家!

-B

Answer 1

Sorpigal 是对的...但我建议使用parseInt 而不是int...这是一个demo

 $(function() {
    $("#slider-range-min").slider({
      range: "min",
      value: 3,
      min: 1,
      max: 18,
      animate: true,
      slide: function(event, ui) {
        $("#calendar").calendarWidget({
          month: (ui.value % 12),
          year: 2010 + parseInt(ui.value/12)             
         })
      }
    });

    $("#calendar").calendarWidget({
      month: 2,
      year: 2010              
     })
;})​