如何设置日期滑块的选定范围的最小值?

时间:2013-11-10 08:52:40

标签: javascript jquery date slider date-range

我在项目中使用jQDateRangeSlider来让用户选择航班日期。 这是一个例子:jsfiddle.net。有两种类型的边界:

  • 总界限

    bounds: { min: new Date(2012, 0, 1), max: new Date(2012, 11, 31, 12, 59, 59) }

  • 默认选择范围

    defaultValues: { min: new Date(2012, 1, 10), max: new Date(2012, 4, 22) }

假设我想将整年作为总范围(1月 - 12月)。用户可以全年选择航班日期(左侧标签)和返回日期(右侧标签)。如何设置右滑块标签的最小值不小于左标签中的值?回程航班日期不应少于第一个日期。或者换句话说:如何禁用小于第一个选定日期的所有日期?根据文档,没有标准的解决方案。有什么建议?

1 个答案:

答案 0 :(得分:3)

尝试

$("#slider").dateRangeSlider({
    range: {min: new Date(2012, 0, 1)}, //use minimum range
    bounds: {
           min: new Date(2012, 0, 1),
           max: new Date(2012, 11, 31, 12, 59, 59)
            },
    defaultValues: {
           min: new Date(2012, 1, 10),
           max: new Date(2012, 4, 22)
            }

      });

小提琴http://jsfiddle.net/code_snips/Q4YKN/1/