我在项目中使用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月)。用户可以全年选择航班日期(左侧标签)和返回日期(右侧标签)。如何设置右滑块标签的最小值不小于左标签中的值?回程航班日期不应少于第一个日期。或者换句话说:如何禁用小于第一个选定日期的所有日期?根据文档,没有标准的解决方案。有什么建议?
答案 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)
}
});