11 practical jQuery calendar plug-ins

Source: Internet
Author: User
Tags jquery ui datepicker

1. FullCalendar

FullCalendar is a famous jQuery Calendar plug-in. It supports drag and drop functions, integrates Google Calendar, and can bind events through JSON. Designers can easily customize Calendar styles, engineers use the interfaces provided by Alibaba Cloud to process user-triggered events.


2. Astonishing iCal-like Calendar

Here is a tutorial to teach you how to use jQuery and CSS to create a calendar control that imitates the iphone style.

 

3. jQuery UI Datepicker

JQuery UI Datepicker is a calendar plug-in that provides many configuration items. You can customize the date format and language, and use buttons to limit the optional date range, you can also easily add buttons for other features.

 

4. jMonthCalendar

JMonthCalendar supports adding content to all days in a month, which can be applied to development.

 

5. Date Picker

Date Picker follows MIT & GPL release ., there are many configuration items and features. For example, you can open multiple date selectors at the same time, easily customize styles by modifying css, and support multiple date selection modes.

 

6. jQuery Week Calendar

JQuery Week Calendar is a plug-in that displays weekly information in a web application. You can bind the corresponding trigger events through data or JSON, and these events can be dragged, scaled, there are also many options and the number of event callbacks that can be used in the application. For details, refer to the official documentation.

 

7. Simple jQuery Date-picker Plugin

This is a simple date selector, but provides many practical functions.

 

8. jQuery Date Picker Plugin

Similar to the above, the display style is slightly different.


9. jQuery Interactive Date Range Picker

This powerful calendar control is an improved version of jQqueryUI, which has a smooth display transition effect. The latest version uses the jQuery UI 1.7-level jQuery ui css framework, you can use jQuery UI to modify the expected results.


 

10.JMonthCalendar

 

JMonthCalendar is a jQuery plug-in used to create an event calendar table (event calendar) displayed in the monthly view ). JMonthCalendar supports cross-day events and update event data through drag-and-drop operations.

 

Home: http://www.bytecyclist.com/projects/jmonthcalendar/
Download: http://code.google.com/p/jmonthcalendar/downloads/list
DEMO: http://www.bytecyclist.com/SourceCode/jMonthCalendar/1.3.0-beta/Demo.html

 

 

11.Jquery week-calendar

 

This is a weekly calendar jQuery plug-in. Displays events in the weekly calendar grid. Calendar events can be obtained from arrays, URLs, or JSON. Calendar events can be dragged at will to adjust the size of the occupied area. When the plug-in is initialized, it will automatically scroll to the cell at the current time. You can customize callback operations for various events, such as drag, drop, resize, mouseover, and click. You can expand the core calendar event data structure of the plug-in as needed.

 

Home: http://www.redredred.com.au/projects/jquery-week-calendar/
Download: http://code.google.com/p/jquery-week-calendar/
DEMO: http://www.redredred.com.au/wp-content/uploads/2009/05/weekcalendar.html

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.