Jquery web page calendar display control calendar3.1 Usage Details

Jquery web page calendar display control calendar3.1 detailed use of the calendar control, I have made many attempts, has been committed to the development of a simple and easy-to-use calendar control. My idea is to make a calendar with a line of js Code after referencing this control. If you are adding parameters, you can customize the appearance and functions of the calendar. Calendar 3.1 is a work that I was initially satisfied.

There are two common calendar scenarios. One is used in the date selector. For example, if you need to enter a date at a certain position, a calendar is displayed in the input box to select a date; the other is simple display function. displaying a calendar somewhere on the page usually serves as a decoration. Many blogs have such calendars on the homepage. The first Calendar type is introduced in my previous articles. The Calendar 3.1 type to be introduced today is the second type of Calendar.

First of all, it depends on the effect. First, let's look at a plain face:

Next, let's take a look at the usage of this control.

First, reference the jquery library and calendar-3.1-js, and then prepare a width> = 200px p. The height is best adaptive. If the id of this p is test, then, you only need one calendar_init ($ ("# test"); to display the calendar in p. The Code is as follows:

 Calendar 3.1