如何在Calendario中设置JSON数据?

时间:2015-03-20 14:45:22

标签: javascript jquery ajax json plugins

我最近从http://tympanus.net/codrops/2012/11/27/calendario-a-flexible-calendar-plugin/

下载了Calendario jQuery插件

效果很好,index.html中的示例说我可以在日历中设置事件,如下所示:

cal.setData({
    '03-01-2013' : '<a href="#">testing</a>',
    '03-10-2013' : '<a href="#">testing</a>',
    '03-12-2013' : '<a href="#">testing</a>'
});

没有问题,测试显示在日历中,我可以点击其中任何一个。我想为日历中的事件设置一个简单的数据库,以便更容易存储和处理,我需要为插件创建一个简单的UI。

我的页面上有这个javascript(jQuery)函数:

var dates = {};
$.post('ajax.php?getdates').done(function(r){
    alert(r);
    dates = $.parseJSON(r);
    alert(dates);
});
cal.setData( dates );

我的数据库包含一些测试数据,但是当我通过AJAX请求将其传递给插件时,它不会显示在日历中。

您可以在此处查看该页面:http://hafehungarykft.tarhelykeszito.hu/naptar/?nologin

这里的AJAX页面:http://hafehungarykft.tarhelykeszito.hu/naptar/ajax.php?getdates&nologin

您可以使用nologin标志访问这些页面以进行测试。我希望有人可以帮助我。

1 个答案:

答案 0 :(得分:1)

我现在意识到日期格式错误。我使用了YYYY-MM-DD而不是首选的MM-DD-YYYY。仅仅因为我的疏忽而花费数天才能解决是一个痛苦的错误......