css - 带有事件的日历怎么实现呢？

Question

如图这样的一个日历，是一个可以在每个日期里面添加的事件的，怎个怎么实现呢，有没有推荐的插件

Answer 1

Basically, the click event is used to pop up the form to pass in parameters and interact with the background data.
fullcalendar

Answer 2

My idea is to add the dblclick event to each date grid, so that the grid's contenteditable becomes true and can be edited directly. Listen to keyboard events. If the enter key is pressed, make the grid's contenteditable change to false, and send a request to the backend to store it in the database. If the pure front-end can store it in localStorage.

Answer 3

There are two main parts to implement this function through simple analysis. The following is the idea of ​​simple implementation:
1. Make a calendar and display it.
Get the number of days in the month and get all the existing memo content in the month, and determine the 1st of the month. It is the day of the week, output the calendar in a loop and list the memo content. The only way to switch dates is to recalculate them.
2. Add and delete display information
Basic data operations.

Answer 4

Try CLNDR.js

Answer 5

Personally, I think it’s okay for personal use, I recommend it
Fullcalendar calendar control knowledge point collection - yuzhongwusan - Blog Park
http://www.cnblogs.com/yuzhongwusan/archive/2013/04/10/3012646 .html