0

jQuery UI DatePickerカレンダーがalertsあり、日付をクリックするとイベントが発生します。 http://jsfiddle.net/helpinspireme/DuwZL/ 追加したいのはロード中です。今日の日付にイベントがある場合は、カレンダーがロードされたときにアラートを表示したいと思います。どんな助けでも大歓迎です。ありがとうございました。

var events = [ 
{ Title: "Meeting with boss", Date: new Date("04/13/2012") },
{ Title: "Meeting with manager", Date: new Date("04/13/2012") },
{ Title: "Five K for charity", Date: new Date("04/17/2012") }, 
{ Title: "Dinner", Date: new Date("04/25/2012") }
];

$("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) {
        date = events[i].Date;

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

</ p>

4

1 に答える 1

1

確かに、これを追加します：

$('.ui-datepicker-today').trigger('click');

jsFiddleの例。

于 2012-04-17T16:35:45.167 に答える