如何为日期滑块设置选定范围的最小值？答案

【问题标题】：How to set min of selected range for a date slider?如何为日期滑块设置选定范围的最小值？
【发布时间】：2013-11-22 03:56:31
【问题描述】：

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

【问题讨论】：

标签： javascript jquery date slider date-range

【解决方案1】：

试试

$("#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/

【讨论】：

太棒了！非常感谢。我的问题解决了，但部分解决了。现在右日期不能小于左日期。非常简单的解决方案。而且，我忘了说，第一天也需要以今天的日期为限。通过使用此解决方案，不可能限制第一次约会。但我发现有关此here 的讨论。有一些建议的解决方案如何覆盖 js 代码以启用范围限制。因此，通过结合这两种解决方案，我的问题得到了解决。
对不起.. 有人怎么可能通过选择滑块获得值。例如，如果有人将滑块移动到 2012-10-20 和 2012-11-02，那么有人将如何获得值