calendar-js | Pure calendar generator | Calendar library

With the help of user @ADyson I have worked out a solution to my problem(s). Here is a somewhat complete example and answer if anyone else happens to stumble across the same issues or want to work with the FullCalender events by feeding it JSON in an MVC context.

First I have an event class with the necessary attributes (I actually only use the title, start and color attributes, but the rest might be required as well, which is why I added them, as per this post Jquery Full Calendar json event source syntax):

This could be because you might be using an older version of node which does not support es6 syntax.

let, const, arrow functions etc. are part of es6 syntax. To know more follow this link http://es6-features.org/

You might need the older version of node for your other projects so install nvm. NVM is a node version manager which will help you to switch between node versions easily. Follow the link for documentation and installation process https://github.com/creationix/nvm

Node v6+ supports ES6 syntax try upgrading to that.

UPDATE

On the comments of this answer, it's confirmed that it was not a version issue and got resolved by following this GitHub issue thread https://github.com/joeeames/WebpackFundamentalsCourse/issues/3.

Peace!

1. You didn't apply 5th step from the tutorial. You see weird chars because it's printing Chinese days and months as they have to be replaced with English ones.
2. Some default styles in chrome (and possibly other browsers) are messing with the layout of the calendar. To make it readable I had to add one style to the CSS file:

CSS:

Change the SQL in your resource xml as follows:

Caching in the client side is certainly possible as long as you implemented it correctly. But I see several problems in your code that prevents it from working.

Keep in mind that you are already created events and eventsCache at the start of your code.