How to make a basic event calendar with javascript, jquery, html and css?

Question

I've been trying to build a basic calendar with some already predefined events on it. For this calendar there shouldn't be an option to add an event, meaning the events should be already defined in the code.

I've already tried to use jquery datepicker but I can't add events to it, I was only able to change the color of a few days.

Answer 1

https://fullcalendar.io/ Try out this plugin, it should fit your needs.

$('#calendar').fullCalendar({
    editable: false
    // put further options and callbacks here
})