2012-04-17 184 views
0

我有一個jQuery UI DatePicker日曆,alerts當一個日期被點擊,有一個事件。 http://jsfiddle.net/helpinspireme/DuwZL/我想添加的是在加載時,如果今天的日期有事件,我希望在加載日曆時顯示警報。任何幫助將不勝感激。謝謝。jQuery UI日曆顯示事件onLoad

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++; 
    } 
} 
}); 

回答

1

當然,補充一點:

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

jsFiddle example

+0

完美。我一直在想這個解決方案。謝謝你的幫助。 – 2012-04-17 17:22:06