Best jQuery Calendar Plugins & Tutorials with Demo

    Kalendae : A framework agnostic javascript date picker

    Kalendae : A framework agnostic javascript date picker with Demo

    Kalendae is an attempt to do something that nobody has yet been able to do: make a date picker that doesn’t suck. Kalendae provides the following features:

    1. Fully portable, no dependencies. No jQuery, no Prototype, no MooTools; just add the script and the stylesheet and you’re good to go.
    2. Fully and easily skinable. The default theme uses only one image file (a mask for the previous and next buttons), everything else is styled using CSS.
    3. Supports all modern browsers and IE8.
    4. Support single day, multiple day, or day range selection.
    5. Configurable number of months to be displayed at once.
    6. Can be displayed on the page as an inline widget, or attached to one or more input fields as a popup control.
    7. Can be attached to any page element, not just named elements.
    8. Configurable blackouts, defined either as an array of dates or via a callback function
    9. Output selected dates in a variety of formats

    Chico UI – jQuery User Interface Components

    Chico UI – jQuery User Interface Components

    Chico UI is an open source and free set of user interface components to ease developing with jQuery.

    The components include auto-complete, blink, calendar, carousel, countdown, date-picker, dropdown, expando, form and more.

    There is a CSS layout framework named Chico Mesh for accomplishing any type of web layouts and grids.

    A clean calendar in CSS3 & jQuery

    A clean calendar in CSS3 & jQuery

    I started to make a CSS3 calendar with some jQuery animation while I was working on this project. In this article I will explain, step by step, how to use the calendar.

    jQuery Any+Time DatePicker/TimePicker AJAX Calendar Widget

    jQuery Any+Time DatePicker/TimePicker AJAX Calendar Widget

    jQuery Any+Time includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility.

    Android Style Datepicker Widget for jQuery Mobile: Mobi Pick

    Android Style Datepicker Widget for jQuery Mobile: Mobi Pick

    Mobi Pick is an Android-style datepicker widget for jQuery Mobile. It uses the date library XDate and allows progressive enhancement for date input fields using Modernizr.

    Zebra Datepicker a lightweight jQuery date picker plugin

    jQuery date picker plugin

    Zebra Datepicker is a small, compact and highly configurable date picker plugin for jQuery and it is built using the fabulous jQuery Plugin Boilerplate. It is cross-browser – works in every major browser; also, it works in Internet Explorer 6 (where it uses an iFrameShim so that it stays above select controls).Offers an intuitive mechanism for disabling dates and date ranges through a syntax similar to cron syntax..

    Xml Driven Vertical News Scroller Script Using jQuery vScroller

    Xml Driven Vertical News Scroller Script Using jQuery vScroller

    Adding scrolling content to your website or blog makes much sense – it allows you display latest news, promotions, product updates, announcements, upcoming events, calendar items and much more in a limited space. It also allows you to add dynamic content to otherwise static web pages.

    Today, we are featuring vScroller, a free XML-driven vertical news scroller for websites and blogs. Powered by jQuery, vScroller displays categorized and color-code content is a vertical scroll. Feeds come from standardized XML file and styled with simple CSS3 for a clean and attractive interface.

    Mobiscroll a jQuery UI Date picker for touch devices

    jQuery UI Date picker

    A wheel scroller user control optimized for touchscreens to easily enter date and/or time. The control can easily be customized to support any custom values and can even be used as an intuitive alternative to the native select control (dropdown list). It is designed to be used on touch devices as an alternative to the jQuery UI date picker.

    iCal-like calenders with jQuery

    Here is a tutorial how to create astonishing iCal-like calendars with jQuery..

    FullCalendar with jQuery

    FullCalendar with jQuery

    FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one left. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar).