0

私は jquery ui datepicker http://api.jqueryui.com/datepicker/を使用しており、問題に遭遇しました。現時点では、日付ピッカーの複数月のグリッドを作成し、毎月表示しています。私がやりたいのは、各日付ピッカーのヘッダーを変更して、月名にリンクが添付されるようにすることです。

月名をクリックすると、その月の拡大版が表示される別のページにユーザーが移動するという考えです。私の質問は、各日付ピッカーのヘッダーをリンクでラップするにはどうすればよいですか?

$( '#calendargrid' ).datepicker( { 
     dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], numberOfMonths: [3,4]
});

ありがとう。

4

1 に答える 1

0

プラグインはあなたが望むものをサポートしていませんが、いくつかのトリッキーなコードを実行して、望みどおりの動作を許可することができます.

プラグインが日付ピッカーを設定した後に、いくつかのクラスと要素を追加するとうまくいくかもしれません。monthまたは、配列を使用できます。私はいくつかのテストを行い、この配列は HTML コードをサポートしています:

$("#calendargrid").datepicker({
    dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
    numberOfMonths: [3,4]
    monthNames: [
        '<a id="jan" onclick="seeMonth(this.id)">January</a>',
        '<a id="feb" onclick="seeMonth(this.id)">February</a>',
        '<a id="mar" onclick="seeMonth(this.id)">March</a>',
        '<a id="april" onclick="seeMonth(this.id)">April</a>',
        '<a id="may" onclick="seeMonth(this.id)">May</a>',
        '<a id="june" onclick="seeMonth(this.id)">June</a>',
        '<a id="july" onclick="seeMonth(this.id)">July</a>',
        '<a id="aug" onclick="seeMonth(this.id)">August</a>',
        '<a id="sep" onclick="seeMonth(this.id)">September</a>',
        '<a id="oct" onclick="seeMonth(this.id)">October</a>',
        '<a id="nov" onclick="seeMonth(this.id)">November</a>',
        '<a id="dic" onclick="seeMonth(this.id)">December</a>']
});

function seeMonth(monthName) {
    // Redirect the user to the other page
}
于 2013-06-01T15:03:36.680 に答える