1

このアドオンをjQuery UI Datepicker に使用することにしました。

たとえば、うまくいくようです:

$(function () {
    var today = new Date();
    $('#test').multiDatesPicker({
        dateFormat: "yy-mm-dd",
        addDisabledDates: [today.setDate(1), today.setDate(3)]
    );
});

これにより、ユーザーは、当月の 1 日と 3 日を除いて、必要な数の日を選択できます。

しかし、希望する日付 (開始) よりも大きく、別の希望する日付よりも小さい日付のみを選択するようにユーザーを制限するにはどうすればよいでしょうか?

ドキュメントにはそのための方法がありません

PD: 回避策として、目的の間隔の前後の日付で配列を作成する必要がありますが、どうすればすべてをマークできますか? (つまり、この配列で何年を熟考する必要がありますか??)

-編集-

テストするために、次のように、目的の範囲から 15 日前と 15 日前を無効にしようとしています。

$(function () {
        var start = new Date(2013, 11, 20)
        var end =  new Date(2013, 11, 24)

        console.log(start, end);

        var dissabledDates = [];
        if ( end < start ) {
            alert('Está mal');
        }

        for ( i = 0 ; i < 15 ; i++ ){
            var currentDate = new Date();
            currentDate.setDate( start.getDate() - i );
            dissabledDates[ dissabledDates.length ] = currentDate;
        }
        for ( i = 0 ; i < 15 ; i++ ){
            var currentDate = new Date();
            currentDate.setDate( end.getDate() + i );
            dissabledDates[ dissabledDates.length ] = currentDate;

            console.log(currentDate);
        }


        var today = new Date();
        $('#test').multiDatesPicker({
            dateFormat: "yy-mm-dd",
            addDisabledDates: dissabledDates
        });
    });

そして、制限が発生しますが、セレクターがどのように見えるかを見てください (私が制限したのは前後 15 日間だけであることに注意してください)。

ここに画像の説明を入力

質問は: ユーザーに開始日と終了日のみを選択させるにはどうすればよいですか?

4

1 に答える 1