2

我在我的项目中使用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 月）。用户可以选择全年的航班日期（左标签）和回程日期（右标签）。如何将右滑块标签的最小值设置为不小于左标签中的值？回程航班日期不应少于第一个日期。或者换句话说：如何禁用小于第一个选定日期的所有日期？根据文档，没有标准的解决方案可以做到这一点。有什么建议么？

4

1 回答 1

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/

于 2013-11-10T09:14:33.657 回答