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.

Markus Kottländer · Accepted Answer · 2016-12-20 17:16:37Z

6

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

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

edited Dec 20, 2016 at 17:16

answered Dec 15, 2013 at 21:46

Markus Kottländer

8,2844 gold badges42 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Mop Over a year ago

Thanks! I only have 1 problem with this "full calendar" it allows the user to drag and drop the event to another day. I'm currently trying to solve this so it stays fixed on that day.

Markus Kottländer Over a year ago

this should be configurable, wait a sec... yes there is an option: editableset it to false.

Mop Over a year ago

Thanks, I figured it out like a minute ago xD. Thanks a lot for your help!

Markus Kottländer Over a year ago

No problem... but you could up vote my answer to be even more thankfull! :-P Oh my god... i feel kind of bad for that comment. :D

Mop Over a year ago

I would if I could, but I don't have enough reputation.

|

Collectives™ on Stack Overflow

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

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related