如何通過jquery或javascript在日曆中添加事件？

$(document).ready(function() { 
    //start of calender 
    $(".responsive-calendar").responsiveCalendar({ 

     time: '2016-02', 
     events: { 
     "2016-03-30": {"number": 5, "url": "http://w3widgets.com/responsive-slider"}, 
     "2016-03-30": {"number": 5, "url": "http://w3widgets.com/responsive-slider"}, 
     "2016-03-26": {"number": 1, "url": "http://w3widgets.com"}, 
     "2016-04-03":{"number": 1}, 
     "2016-05-12": {} 
     } 
    });//end of calender

上面提到的事件是靜態的，我在網上找到一個例子。這些事件在日曆中可見。但是，我想從我的數據庫動態生成事件。我試圖以「events：{...}」的形式從php生成字符串格式。我有一個變量中的字符串。但是，當我將該變量放置在'響應日曆'功能中時，該變量將作爲變量名稱在網頁內部進行打印。無法在該變量中打印字符串。我只想讓事件變得動態。怎麼做？如何通過jquery或javascript在日曆中添加事件？

來源

2016-02-12 amar deep

請提供鏈接或信息您使用哪個插件，我的意思是這個響應日曆 –

http://w3widgets.com/responsive-calendar/ –

我不是php的傢伙，但我相信這裏的想法更重要。所以基本上的想法是，你可以從服務器傳遞

Dictionary<DateTime, CalendarEvent>

所以關鍵是日期和CalendarEvent將與同樣數量，badgeClass，網址等

這個服務器 - 屬性的對象側字典應序列化到你期望所以這將是類似的東西JavaScript對象：

var serverEvents = 
{ 
    "2013-04-30": {"number": 1, "badgeClass": "badge-warning", "url": "http://sth.com", 
    "2013-04-26": {number": 2, "badgeClass": "badge-warning", "url": "http://sth.com2" 
}

後您創建您的日曆，如：

$(".responsive-calendar").responsiveCalendar({ 
    time: '2016-02', 
    events: serverEvents 
});

所以基本上這裏最重要的部分是從服務器和序列化中傳遞數據。在C＃中它將是

Dictionary<DateTime, CalendarEvent>

它會很容易地序列化到你想要的對象。我想在PHP中也有類似的靈魂。

來源

2016-02-12 14:29:39

如何通過jquery或javascript在日曆中添加事件？

回答

相關問題