jQuery UI Datepicker（カレンダー）指定日の選択を無効
jQuery UI Datepicker で水曜日、日曜日、祝日など指定日をカレンダーで選択できなくする方法をご紹介します。 このサンプルでは、祝日は３日だけですが配列で確保しています。水曜日と日曜日の判定は Date オブジェクトの getDay() で判定します。 jQuery UI Datepicker の beforeShowDay イベントのパラメータとして渡される日付が、 水曜日、日曜日か指定日にあたるか判定して、それぞれのスタイルとともに false をリターンすることで選択を無効にすることができます。 コード $(function() { // 祝日を配列で確保 var holidays = [ '2012-10-08', '2012-11-03', '2012-12-24' ]; $("#datepicker").datepicker({ numberOfMonths:
ENTEREAL
Datepickerで土日や祝日、定休日等に色をつけたり、選択できなくしたりする方法をご紹介します。 Datepickerを使う時は、かなりの頻度で必要になるのではないでしょうか？ 概要 beforeShowDayは、DatePickerが設定されたフィールドが選択され、カレンダーが表示される前にその月の日数回実行されます。 毎回、引数にDate型の日付を引数として受け取りますので、それを使って判定し結果を戻します。 今回の場合、配列に設定した祝日リストと比較し、一致する場合は、祝日と判定しています。 判定結果によって、3つの値を持った配列を結果として戻します。[true/false, '文字列', '文字列']
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
