I've been working on the project since 2, so there's nothing to record.
There is a page used to the calendar, I Baidu to the Fullcalendar this plugin.
Let's start with a picture.
Basic interface like this, I looked at the following document, the function is very powerful. But I only use "Calendar".
Our page UI is like this.
Green means that today the red represents something, no matter how many things that day, is a red circle. So I changed the next plugin a little bit.
The end result is this
Although the UI requirements are still different, but .... I have no obsessive-compulsive disorder, it doesn't matter.
To write the changes.
The most important data in the original calendar is the event
events: [ { title ' event1 ', start ' 2010-01-01 ' }, { Title ' Event2 ', start ' 2010-01-05 ', end ' 2010-01-07 ' } ]
As long as there is title and start on the line, other casual.
If the two start is the same, then a lattice will display more than one, or can be set to click the kind of, but I lazy from this aspect ...
Because I have only one red dot, so I directly start to merge.
And then title I'm going to replace the picture with a red dot
Like what
title = ' ';
But he showed the paragraph as it was----
Well, I know you escaped--
Check the next source code 962 line sure enough, so I commented out.
function Htmlescape (s) { //return (S + "). Replace (/&/g, ' & ') // . Replace (/</g, ' < ') // . Replace (/>/g, ' > ') // . Replace (/'/g, ' & #039; ') // . Replace (/"/g, ' " ') // . Replace (/\n/g, ' <br/> '); return s; }
OK, the picture shows up smoothly.
Originally I did not want to do this, but want to assign the title "", and then want to use classname this attribute to add a red graph, but ... No eggs, in the end I don't know how to use classname.
Fullcalendar Calendar Plugin