How to pass dynamic JSON data for date highlight.

[ShahbazAhmad90]

I am using this calendar , it is great , just stuck at a point where i want to pass dynamic JSON through a variable not through a file URL, not be able to do this ... can you please help.

[richardtallent]

It appears there's been a pull request open since April that would allow loading from a local XML string. Not sure what the maintainer's plans are for improvements, but I'm in the same situation if I want to use this on an upcoming project.

The setMonthly() function needs to be split to separate the concerns of setting up the calendar for a given month, loading events from a resource, and adding events to the calendar view.

[richardtallent]

I've created a pull request #41 that allows for initializing the calendar with a local JSON object or XML string.

[ka306575]

Please provide example for initializing the calendar with a local JSON object without making Ajax call

[TonyDandelion]

hi，you can change the function addEvents in monthly.js to use dynamic JSON data for date highlight. such as below.

    function addEvents(month, year) {
        if(options.events) {
            // Prefer local events if provided
            addEventsFromString(options.events, month, year);
        } else {
            var remoteUrl = options.dataType === "xml" ? options.xmlUrl : options.jsonUrl;
            if(remoteUrl) {
                // Replace variables for month and year to load from dynamic sources
                var url = String(remoteUrl).replace("{month}", month).replace("{year}", year);
                + var data = remoteUrl
                + addEventsFromString(data, month, year);
                - $.get(url, {now: $.now()}, function(data) {
                -   addEventsFromString(data, month, year);
                - }, options.dataType).fail(function() {
                -     console.error("Monthly.js failed to import " + remoteUrl + ". Please check for the correct path and " + options.dataType + " syntax.");
                - });
            }
        }
    }