1

週に数日だけ有効にする方法をさまよっていましたか? たとえば、特定の月の特定の週に月曜日と水曜日と木曜日を有効にし、残りの日を無効にする方法は?

setDate(DateOption dateOption)setMaxDate(DateOption dateOption)、およびで遊んでみましsetMinDate(DateOption dateOption)たが、結果はありません。

ありがとうございました。

4

1 に答える 1

1

私の知る限り、デフォルトのjQuery datepickerではこれを行うことはできません.

私は最近この問題に遭遇しました。デフォルトの jQuery 日付ピッカーを使用して解決策を見つけることができなかったので、代わりにhttp://keith-wood.name/datepick.htmlを使用して独自の wiQuery プラグインを作成しました。もう少し作業が必要ですが、wiQuery コードを掘り下げることで、この代替日付ピッカーを機能させるためにエミュレートする必要があるクラスを見つけることができます。

私はコピーしました:

  • 日付ピッカーオプション
  • 日付ピッカー
  • DatePickerJavascriptResourceReference
  • JsScopeUiDatePickerOnChange

org.odlabs.wiquery.ui.datepicker の .classes。

これらのクラス名の先頭に「Multi」を追加し、次の設定とコールバック オプションのリファレンス ガイドを使用しました: http://keith-wood.name/datepickRef.html最初のリンクからのクイック リファレンス) を使用して、新しく作成した MultiDatePicker クラスが正しい JavaScript を生成できるようにします。

たとえば、DatePicker にはデフォルトで次のコードがあります。

public JsStatement statement() {
    return new JsQuery(this).$().chain("datepicker",
            options.getOptions().getJavaScriptOptions());
}

次の JavaScript を作成するために使用されます。

(function($) {
$(document).ready(function() {$('#startDate').datepicker({defaultDate: '+1', minDate: '+1', showOn: 'both', buttonImageOnly: true, buttonImage: '/Calendar.png'});
});
})(jQuery);

(選択したオプションは中括弧内にあります)。

MultiDatePicker.java でこれを次のように変更しました。

public JsStatement statement()
{
    return new JsQuery(this).$().chain("datepick", options.getOptions().getJavaScriptOptions());
}

私は行を配置しました:

public void setMultiSelect(int i)
{
    put("multiSelect", i);
}

public int getMultiSelect()
{
    return getInt("multiSelect");
}

私の multiDatePickerOptions、およびこれらのオプションを設定する MultiDatePicker クラスのいくつかの愚かなゲッターとセッターに、これにより、設定できる日付の数を設定できます。これをすべて行うことで、次のことができました。

MultiDatePicker multiDatePicker = new MultiDatePicker("datePicker");
multiDatePicker.setMultiSelect(2);
add(multiDatePicker);

これにより、次の JavaScript コードが生成されます。

$('#startDate').datepick({multiSelect: 999, showTrigger: '/Calendar.png', dateFormat: 'dd/mm/yyyy', onDate: function(date, current) { /*I used this callback function to only allow certain dates to be selected by the user.*/}});

幸運を!

于 2012-05-14T14:50:44.023 に答える