このアドオンを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 日間だけであることに注意してください)。
質問は: ユーザーに開始日と終了日のみを選択させるにはどうすればよいですか?