jqueryUI datepickerで1日を選択し、datepickerが次のN日に「marked-time-period」のようなcssクラスを与えることは可能ですか?
例:日付が3日を超え、日付ピッカーに開始日を設定できます。11月4日をクリックすると、5日、6日、7日はcssクラス「marked-time-period」を取得します。
あいさつ
これを操作する最も簡単な「すぐに使える」方法は、minDateおよびmaxDate datepickerオプションを使用することです。この場合、maxDateは、コードで選択した日付より3日前に進みます。
http://jqueryui.com/datepicker/#date-range
次に、使用可能な範囲を希望どおりにスタイル設定することができます。クラス「ui-datepicker-unselectable」は、希望しない日です。
このようなものが必要だと思いますhttp://jsfiddle.net/william/YQ2Zw/2/
。ソース:http://stackoverflow.com/questions/7187796/highlight-tr-entire-week-datepicker
わかりました、これが私の解決策です:
http://jsfiddle.net/tungon/buyrZ/
vardatesFromDatabaseはPHPで生成されます。
var datesFromDatabase = {
'16.11.2012': ['17.11.2012', '18.11.2012', '19.11.2012'],
'17.11.2012': ['18.11.2012', '19.11.2012', '20.11.2012']
};