代码:
<script>
$(document).ready(function(){
var events = [{Title:"Delhi Sight Seeing – Jama Masjid, Rajghat, President House, India Gate & Qutab Minar",Duration:"3 days, 2 nights",Date:new Date("08/29/2018"),End:new Date("08/31/2018")}];
$("#calen").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);
alert(event.Duration);
}
}
});
});
</script>
我创建了事件日历,该日历非常适合单个日期,现在我想显示这些日期,并在它们显示onclick
的任何日期显示event title
。
例如:假设日期为08/29/2018
,而结束为08/31/2018
。然后日历必须突出显示这些日期08/29/2018
,08/30/2018
和08/31/2018
。
那么,我该怎么做呢?