jquery annual view (yearcalender) calendar (monthly sub-year)

Source: Internet
Author: User

Before a project needs to use a calendar, naturally think of Fullcalender,

All the way green, Month view, week view, OK

The customer also said OK after seeing ... The problem comes to the year view cannot be implemented (directly displayed 12 months, each month in the middle of the next three, each event corresponding to the corresponding to the Lent, and can not overwrite the text title

That is to say, smart line, cup with AH. Search all over the plugin library no similar plug-ins are only ordinary calender, alas pain .... )

Fortunately.. Although I am an old rookie, Old rookie.

But still will write some JS, encapsulated a similar yearcalender, temporarily only support in mid-late, later intends to specifically support the month, on mid-late, weeks.

Support Custom month layout, automatic recognition of text overlay wrap, event item binding and other actions, according to the content of how much and the need to automatically add lines, automatic position corresponding and calculate the need for the location of the line to do conditions

, supports single event and cross-date event tagging,

We need to expand it later ... Alas, it's fun to do it yourself. Plugins on the web are not omnipotent


Casually on the code to see, the specific code is too long to put the need can be taken to expand with their own. Don't squirt me though I'm a rookie but I'm studying hard

$ (". Content_without_bar"). Inityearcalender ({

ROWHEIGHT:40, //column content row height

Data: null, //data

Rowcount:1, //default number of rows of data

TIPWIDTH:120, //item container height

Onrendercomplete: function () {

Alert (' loading completed ');

}

});

});

jquery annual view (yearcalender) calendar (monthly sub-year)

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.