0

いくつかの日付と各日の説明を含む配列をデータベースから受け取っています。指定された日付がカスタム css クラスで表示される jquery datepicker カレンダーを表示したいと考えています。それに加えて、ユーザーは特定の日付をクリックして、別の div 要素に表示される説明を取得できる必要があります。

css クラスの最初の部分は機能していますが、説明を表示できません。これは私がこれまでに持っているものです:

var Event = function(text, className) {
    this.text = text;
    this.className = className;
};

var events = {};
events[new Date("09/18/2012")] = new Event("description 1", "pink");
events[new Date("09/19/2012")] = new Event("description 2", "green");

$("#minical").datepicker({
    beforeShowDay: function(date) {
        var event = events[date];
        if (event) {
            return [true, event.className, event.text];
        }
        else {
            return [true, '', ''];
        }
    },
    onSelect: function(dateText, inst) { 


    },
    minDate: "-3Y",
    maxDate: "+3Y",
    showButtonPanel: true,
    changeMonth: true,
    changeYear: true,
    altFormat: "yy-mm-dd",
    defaultDate: "+1w",
    "showButtonPanel": true
});

<style>
.pink > a { 
    background-color: pink !important;
    background-image:none !important;
}

.green > a { 
    background-color: green !important;
    background-image: none !important;
}
</style>

事前にThx

4

1 に答える 1

1

あなたのニーズを理解しているかどうかはわかりませんが、それが正しいと理解できれば、選択した日付/イベントの説明を別の div に表示したいと考えています。

onSelectイベントは次のようになります。

onSelect: function(dateText, inst) { 
     var event = events[new Date(dateText)];
     $("#description").html(event.text);
}
于 2012-09-19T19:20:04.873 に答える