2

プロジェクトでjQDateRangeSliderを使用して、ユーザーがフライトの日付を選択できるようにしています。例を次に示します: jsfiddle.net。境界には次の 2 種類があります。

  • 総境界

    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 に答える