jQuery UI Datepicker - 特定の日を無効にする

Question

jQuery UI Datepickerを設定して特定の所定の日数を選択できないようにする方法はありますか？

私はthis approachを稼働させることができましたが、IEに表示されないようにnullエラーを生成します。

'natDays [...]。0' オブジェクト事前に

おかげnullであるか、ありません！

更新：いくつかのコードを含めると役立つでしょうか？とにかく、このスレッドのほとんどは上記のスレッドから直接取得されました：

natDays = [ 
     [7, 23], [7, 24], [8, 13], [8, 14], 
    ]; 

    function nationalDays(date) { 
     for (i = 0; i < natDays.length; i++) { 
      if (date.getMonth() == natDays[i][0] - 1 
      && date.getDate() == natDays[i][1]) { 
       return [false, natDays[i][2] + '_day']; 
      } 
     } 
     return [true, '']; 
    } 

    function noWeekendsOrHolidays(date) { 
     var noWeekend = $.datepicker.noWeekends(date); 
     if (noWeekend[0]) { 
      return nationalDays(date); 
     } else { 
      return noWeekend; 
     } 
    } 


    $(function() { 
     $("#datepicker").datepicker({ 
      inline: true, 
      minDate: new Date(2009, 6, 6), 
      maxDate: new Date(2009, 7, 14), 
      numberOfMonths: 2, 
      hideIfNoPrevNext: true, 
      beforeShowDay: $.datepicker.noWeekends, 
      altField: '#alternate', 
     }); 
    }); 

もう一度おねがいします！

Answer 1

正に 'var'というキーワードでnatDaysを正しく宣言しようとしましたか？

また、natDays定義の末尾に余分なカンマがあります。

natDays [i]の[2]あなたの配列は、それらだけで2つの項目を持っているように動作しません - 「 - doesnの

また、あなたが正しくbeforeShowDay関数名を設定することをお勧めします」」だけしてみてくださいトンそれも

Answer 2

beforeShowDay: $.datepicker.noWeekends, 

カスタム関数を呼び出していることはここで

beforeShowDay: noWeekendsOrHolidays, 

Answer 3

になりますように見えることは、選択されることから特定の日付を無効にする方法です。

var unavailableDates = ["9-5-2011","14-5-2011","15-5-2011"]; 

function unavailable(date) { 
    dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear(); 
    if ($.inArray(dmy, unavailableDates) < 0) { 
    return [true,"","Book Now"]; 
    } else { 
    return [false,"","Booked Out"]; 
    } 
} 

$('#iDate').datepicker({ beforeShowDay: unavailable }); 

Source: jQuery - Datepicker - Disable Specific Dates

Answer 4

IEの問題点は、次の行に、おそらくです：

altField: '#alternate', 
}); 

は、コンマシンボルを削除するには、それが動作するはず試してみてください。

Answer 5

beforeShowDayオプションを使用できます。私は月の28日を過ぎた日を無効にする必要がありました。ここに私のコードです。ここで

$('.datepicker').datepicker({ 
    dateFormat: "yy-mm-dd", 
    beforeShowDay: function(date) { 
     var day = date.getDate(); 
     if (day > 28) { 
      return [false]; 
     } else { 
      return [true]; 
     } 
    } 
}); 

はそれについての詳細な情報は以下のとおりです。http://api.jqueryui.com/datepicker/#option-beforeShowDay

beforeShowDayコールバックに渡された日付変数は、JavaScriptの日付オブジェクトであるので、それはさまざまなライブラリを使用してフォーマットすることができ、タイムスタンプは日付を使用して取得することができます。 getTime（）など

Answer 6

var unavailableDates = ["19-8-2014","14-9-2014"]; 

function unavailable(date) { 
    dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" +date.getFullYear(); 
    if ($.inArray(dmy, unavailableDates) < 0) { 
    return [true,"","Book Now"]; 
    } else { 
    return [false,"","Booked Out"]; 
    } 
} 

$('#iDate').datepicker({ beforeShowDay: unavailable }); 

ライブデモ：http://jsfiddle.net/vfod0krm/