Fullcalendar Calendar Plugin

Source: Internet
Author: User

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, ' &amp; ')        //     . Replace (/</g, ' &lt; ')        //     . Replace (/>/g, ' &gt; ')        //     . Replace (/'/g, ' & #039; ')        //     . Replace (/"/g, ' &quot; ')        //     . 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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.