未正确设置边界jQDateRangeSlider

我使用jQDateRangeSlider作为两个日期之间的滑块。 我试图添加两个边界,最小边界是日期不能小于,最大边界是滑块不能超过的日期。 它介于这两个界限之间。 但是,我无法实现这一点。 它没有正确显示。 这是一个jsFiddle

HTML

 

JS

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

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

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

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

这是你更新的jsFiddle 。

在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) }});