jquery-ui - jquery datepicker で日付の範囲を強調表示する必要がある

Question

jQuery UI を使用して、インラインの日付ピッカーを表示しています。開始日と終了日があります。それらの間の日付を強調したいと思います。

Answer 1

jQuery UI の datepicker beforeShowDay関数を使用し、その中で日付を範囲に従って強調表示する必要があるかどうかを確認できます。

関数はパラメーターとして日付を取り、この日付が選択可能かどうかを示す true/false に等しい [0] 、CSS クラス名またはデフォルト表示の "" に等しい1 、および [2] の配列を返す必要があります。この日付のオプションのポップアップ ツールチップ。表示される前に、日付ピッカーで毎日呼び出されます。

例：

var date1 = new Date(2013, 4, 6);
var date2 = new Date(2013, 4, 17);

$(document).ready(function () {
    $('#datepicker').datepicker({
        beforeShowDay: function (date) {
            debugger
            if (date >= date1 && date <= date2) {
                return [true, 'ui-state-error', ''];
            }
            return [true, '', ''];
        }
    });
});

ここに実用的なフィドルがあります：http://jsfiddle.net/IrvinDominin/zz9u4/