2

jquery ui datepicker をイベント カレンダーとして使用してきましたが、Firefox と Chrome でうまく機能します。ただし、IE 8 および 9 では正しく動作しません。

カレンダーを表示すると、選択した日付が強調表示されるはずです。ただし、IE 8 および 9 では、日付は最初から強調表示されるのではなく、ユーザーがクリックしたときにのみ強調表示されます。

実際のリンクはこちら: http://jsfiddle.net/GmPcC/3/ (テキストの色は無視してください)

Javascript:

    var events = [ 
    { Title: "Event1", Date: new Date("06/13/2013") }, 
    { Title: "even2", Date: new Date("06/25/2013") }, 
    { Title: "event3", Date: new Date("06/22/2013") }
    ];$("div").datepicker({
        beforeShowDay: function(date) {
            var result = [true, '', null];
            var matching = $.grep(events, function(event) {
                return event.Date.valueOf() === date.valueOf();
        });

        if (matching.length) {
            result = [true, 'highlight', null];
        }
        return result;
    },
    onSelect: function(dateText) {
        var date,
            selectedDate = new Date(dateText),
            i = 0,
            event = null;

        while (i < events.length && !event) {
            date = events[i].Date;

            if (selectedDate.valueOf() === date.valueOf()) {
                event = events[i];
            }
            i++;
        }
        if (event) {
            alert(event.Title);
        }
    }
});

うまくいけば、誰かが助けてくれるでしょう。ありがとうございました

4

1 に答える 1

3

それはCSSの問題です。

追加してみる

filter:none !important; to table.ui-datepicker-calendar tbody td.highlight > a
于 2013-06-11T18:48:08.067 に答える