The 10 best jQuery calendar plug ins for developers

< img Alt = "" border = 0 SRC =" / / files.jb51.net/file_images/article/201402/201402042054317.jpg ">

Clndr.js is a calendar plug-in that creates calendars and allows users to customize them as they wish. This plugin will not generate any tags, but you can use the data to populate the (link: http://www.oschina.net/p/underscore_js) HTML template (underscore). It provides helpful options for determining the week's progression, displaying the calendar when the initial load is made, clicking on events (like next or previous month), and more.

2. (link: http://www.oschina.net/p/jquery-verbose-calendar)

< img Alt = "" border = 0 SRC =" / / files.jb51.net/file_images/article/201402/201402042054318.jpg ">

JQuery Verbose Calendar is a Calendar plug-in that provides an elegant user interface and easy date scrolling. It shows all the months and dates of the year at the same time. Once loaded, it will automatically scroll to "today" and display the date of the day, requiring the mouse over the date to indicate the day of the week. In addition, the calendar plug-in can be inserted into any HTML element with a single function. Although the plugin has few parameters to customize, you can add custom callbacks when you click on a date.

3. (link: http://www.oschina.net/p/wddalendar)

< img Alt = "" border = 0 SRC =" / / files.jb51.net/file_images/article/201402/201402042054319.jpg ">

< img Alt = "" border = 0 SRC =" / / files.jb51.net/file_images/article/201402/2014020420543110.jpg ">

< img Alt = "" border = 0 SRC =" / / files.jb51.net/file_images/article/201402/2014020420543111.jpg ">

< img Alt = "" border = 0 SRC =" / / files.jb51.net/file_images/article/201402/2014020420543112.jpg ">

FullCalendar is a jQuery plug-in that provides a full-size, drag-and-drop calendar, like the one above. It USES AJAX to get the dynamic I of monthly events, and it's easy to configure the Calendar in your favorite format (the extension provided by Google Calendar). The user can customize how it looks and how it behaves after triggering events (e.g., click, drag and drop events, etc.).

7. (link: http://www.oschina.net/p/cal-heatmap)

< img Alt = "" border = 0 SRC =" / / files.jb51.net/file_images/article/201402/2014020420543113.jpg ">

Cal-heatmap is a javascript module used to create a calendar Heatmap. This module helps users create a calendar, just like github users' contribution calendar, except that cal-heatmap has navigation and many other data format controls.

8. (link: http://www.oschina.net/p/gldatepicker)

< img Alt = "" border = 0 SRC =" / / files.jb51.net/file_images/article/201402/2014020420543114.jpg ">

GlDatePicker is a simple, custom, lightweight date picker jQuery calendar plug-in. The size of gIDatePicker after compression is only 4KB (11 KB without compression). It includes forward and backward navigation, current date highlighting, limited date selection, and each date selector has its own style, showing the date the user is currently selecting.

9. (link: http://www.oschina.net/p/jquery-frontier-calendar)

< img Alt = "" border = 0 SRC =" / / files.jb51.net/file_images/article/201402/2014020420543115.jpg ">

JQuery Frontier Calendar is a one-month jQuery Calendar plug-in that looks a bit like Google Calendar. All UI elements (such as next month and last month buttons, add event tables, tooltips, etc.) are not part of the calendar plug-in. The user can use the API to control the format of these elements and customize the appearance of the calendar.

10. (link: http://www.oschina.net/p/jdigiclock)

< img Alt = "" border = 0 SRC =" / / files.jb51.net/file_images/article/201402/2014020420543116.jpg ">

JDigiClock is a jQuery plug-in inspired by HTC's large clock widget. To use the jDigiClock plug-in, the head tag in the HTML file should include the jQuery library, the jDigiClock source file, and the jDigiClock core style list file. JDigiClock has a number of configuration options, such as Clock image path, weather image path, AM/PM option, weather location code, weather metric mode: C or F, weather updates per minute, and so on.

One of the 10 awesome jQuery calendar plugins mentioned above is sure to be your style, so feel free to share your choices and comments on these plugins :)

Via (link: http://codegeekz.com/10-best-jquery-calendar-plugins-for-developers/)