未正确设置边界jQDateRangeSlider

Question

我正在使用jQDateRangeSlider作为两个日期之间的滑块。我试图添加两个边界，最小边界是日期可以小于，最大边界是滑块不能超过的日期。它介于这两个界限之间。但是，我在实现这个方面遇到了麻烦。它没有正确显示。这是jsFiddle

HTML       

  <input id="submit" type="submit" value="submit" />

JS

$("#slider").dateRangeSlider({
  bounds:{
    min: new Date(2011, 05, 31),
    max: new Date(2011, 11, 31)
  }});

Answer 1

我认为你要找的是设置默认值。边界仅指定滑块的最小值和最大值，但这些值不会显示为已选中。

defaultValues: {
    min: new Date(2011, 04, 31),
    max: new Date(2011, 11, 31)
  }

如果要选择整个滑块，请将边界和默认值设置为相同的日期。

这是您更新的jsFiddle。

Answer 2

在JavaScript中，月份从1月份的0开始到12月份的11月份。 因此，如果您希望从2011年5月30日到2011年11月30日，那么应该是：

$("#slider").dateRangeSlider({
    bounds:{
    min: new Date(2011, 4, 30),
    max: new Date(2011, 10, 30)
}});