0

私は初心者で、jquery ui(datepicker) に慣れていません。そのため、演習を完了するのが困難です。カレンダーをイベント ページにバインドしたいだけです。すべてのイベントには日付とクラス名があり、日付の参照があります。クラス名は日付ピッカーに転送されます。最後に、日付ピッカーの各クラス名に異なる背景色を追加します。ありがとう！

簡単なコード ビハインドを書きました。ちなみに、上記の「イベント」は単に「アクティビティ」を意味します。アクティビティの日付とクラス名を取得し、2 つの参照を日付ピッカーに転送します。アクティビティの日付がカレンダーに表示され、クラス名に応じて異なる背景色が表示されます。

$(function(){
    var Event = function(text,className){
    this.text = text;
    this.className = className; 
    };
var events = {};
events[new Date("08/08/2012")] = new Event("event_one","pink");
events[new Date("08/12/2012")] = new Event("event_two","green");
events[new Date("08/31/2012")] = new Event("event_three","red");
$('#datepicker').datepicker({
    beforeShowDay : function(date) {
    var event = events[date];
    if (event) {
        return [true,event.className,event.text];
    }
    else {
        return [true,'',''];
    }
    }
});
});
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
.demoHeaders { margin-top: 2em; }
.pink > a { 
    background-color: pink !important;
    background-image:none !important;
}
.red > a { 
    background-color: red !important;
    background-image:none !important;
}
.green > a { 
    background-color: green !important;
    background-image: none !important;
}

な

4

1 に答える 1

0

Datepicker にはsetDate、datepicker で日付を設定するために使用できるメソッドがあります。ここのメソッドセクションはそれをよく説明しました。

于 2012-08-23T09:08:31.173 に答える