Javascript 如何使用keith wood日历突出显示特定日期上的日期并在悬停时显示事件？

我用的是基思伍德日历。在这里，我有来自数据库的特定日期，其中包含我希望突出显示并显示悬停事件的事件。我该怎么做呢。我尝试了jquery日历示例中的以下示例，但没有成功。到现在为止，我一直在努力

    $.ajax({
                url : '<?php echo base_url('event_date') ?>',
                type: 'POST',
                data: {lang_type : lang_id},
                datatype : 'JSON',
                success : function(data){
                    var events = JSON.parse(data);
                    console.log(events);
    $('#englishPicker').calendarsPicker({
                            calendar: $.calendars.instance('gregorian', 'en'),
                            inline: true,
                            useMouseWheel: false,
                            nextText : 'Next',
                            prevText: 'Previous',
                            todayText: 'Today',
                            onDate : 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.event);
                                }else{
                                    alert('no event');
                                }
                            }
                        })
    },
                error :  function(xhr, status, error){
                    alert(error);
                    return false;
                }
            })
console.events returns 
[Object { event="event 1", date="2014-02-03"}, Object { event="event 2", date="2014-02-06"}, Object { event="event at falgun", date="2014-02-14"}, Object { event="dfasf", date="2014-02-07"}]

$.ajax({
url:“”，
键入：“POST”，
数据：{lang_类型：lang_id}，
数据类型：“JSON”，
成功：功能（数据）{
var events=JSON.parse（数据）；
console.log（事件）；
美元（“#英语拼音”）。日历拼音({
日历：$.calendars.instance（'gregorian'，'en'），
是的，
useMouseWheel:错误，
下一步：“下一步”，
prevText:“上一个”，
今天的文字：“今天”，
onDate：功能（日期）{
var result=[true'，，null]；
变量匹配=$.grep（事件，函数（事件）{
返回事件.date.valueOf（）==date.valueOf（）；
});
if（匹配的长度）{
结果=[true，‘highlight’，null]；
}
返回结果；
},
onSelect:函数（日期文本）{
var日期，
selectedDate=新日期（日期文本），
i=0，
事件=null；
while（i

---

我该如何解决这个问题？欢迎提供任何帮助/建议。提前感谢。

找到了问题的解决方案。只需按如下方式编辑代码：

$.ajax({
            url : '<?php echo base_url('event_date') ?>',
            type: 'POST',
            data: {lang_type : lang_id},
            datatype : 'JSON',
            success : function(data){
                var events = JSON.parse(data);
                console.log(events);
$('#englishPicker').calendarsPicker({
                        calendar: $.calendars.instance('gregorian', 'en'),
                        inline: true,
                        useMouseWheel: false,
                        nextText : 'Next',
                        prevText: 'Previous',
                        todayText: 'Today',
                        onDate: function(date, inMonth) {
                            if (inMonth) { 
                                for (i = 0; i < events.length; i++) { 
                                    var a = events[i].split('-');
                                    if (date.year() == a[0] && date.month() == a[1] && date.day() == a[2]) { 
                                        return {selectable: true, dateClass: 'highlight-custom', title: a[3]};
                                    } 
                                } 
                            } 
                            return [true, '']; 
                        }
                    })
},
            error :  function(xhr, status, error){
                alert(error);
                return false;
            }
});


console.log(events) give data as
["2014-02-03-event 1",
 "2014-02-06-event 2",
 "2014-02-14-event at falgun",
 "2014-02-07-dfasf"]

$.ajax({
url:“”，
键入：“POST”，
数据：{lang_类型：lang_id}，
数据类型：“JSON”，
成功：功能（数据）{
var events=JSON.parse（数据）；
console.log（事件）；
美元（“#英语拼音”）。日历拼音({
日历：$.calendars.instance（'gregorian'，'en'），
是的，
useMouseWheel:错误，
下一步：“下一步”，
prevText:“上一个”，
今天的文字：“今天”，
onDate：功能（日期，以月为单位）{
如果（每月）{
对于（i=0；i