11 Useful jquery Calendar Plugins

Source: Internet
Author: User
Tags jquery ui datepicker

1.Fullcalendar

Fullcalendar is a well-known jquery calendar plugin that supports features such as drag and drop, integrates with Google Calendar, and can be used to bind events through JSON, designers can easily customize the calendar style, and engineers use the interface it provides to handle user-triggered events.


2.Astonishing Ical-like Calendar

Here is a tutorial on how to use jquery and CSS to create a calendar control that mimics the iphone style.

3.jQuery UI Datepicker

JQuery UI Datepicker is a calendar plugin that provides a number of configuration items, you can customize the format and language of the date, you can limit the selectable date range by buttons, or you can easily add buttons for other features.

4.Jmonthcalendar

Jmonthcalendar supports all days of the month without adding content, which itself can be applied to development work.

5.Date Picker

Date picker follows the MIT & GPL release., there are many configuration items and features, such as you can open multiple date selectors at the same time, easily modify the CSS to customize the style, support a variety of date selection mode.

6.jQuery Week Calendar

JQuery Week Calendar is a plug-in that displays a week in a web app that can be bundled with data or JSON to trigger events that can be dragged, scaled, and many options and event callbacks can be used in the app. Refer to the official documentation for details.

7.Simple jQuery date-picker Plugin

This is a very concise date selector, but it provides a lot of useful features.

8.jQuery Date Picker Plugin

Similar to the one described above, there is a slight difference in the display style.


9.jQuery Interactive Date Range Picker

This powerful calendar control when the calendar is built in the Jqqueryui, it has a very smooth transition effect, the latest version of the jquery UI 1.7-level jquery UI CSS framework, you can use the jquery UI to modify the desired effect.


Ten. Jmonthcalendar

Jmonthcalendar is a jquery plugin for creating Event calendar tables that are displayed in a month view. Jmonthcalendar supports cross-day events and updates of event data by 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

One. jquery Week-calendar

This is a Sunday calendar jquery plugin. The ability to display events in the Sunday calendar grid. Calendar events can be obtained from arrays, URLs, or JSON. Calendar events can be arbitrarily dragged to resize the occupied area. When the plug-in is initialized, it automatically scrolls to the cell where the current time is. You can customize callback actions for various events such as drag, drop, resize, mouseover, click, and so on. You can expand the core calendar event data structure of the plug-in as you want.

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.