Best jQuery Calendar Plugins & Tutorials with Demo

jQuery Week Calendar with Demo

jQuery Week Calendar with Demo

The jquery-week-calendar plugin provides a simple and flexible way of including a weekly calendar in your application. It is built on top of jquery and jquery ui and is inspired by other online weekly calendars such as google calendar. If you require a monthly calendar view, I highly recommend checking out the FullCalendar plugin by Adam Shaw.Features :

  • Display of calendar events within a weekly grid
  • Calendar events can be supplied as an array, url or function returning json
  • Calendar events can be dragged, dropped and resized
  • Lots of callbacks for customizing the way events are rendered plus callbacks for drag, drop, resize, mouseover, click etc
  • Automatically scrolls to current time
  • Freebusy management
  • multi-user management
  • Extend the core calendar event, users and free busys data structure with your own data
  • Highly configurable, enabling variable timeslots, readonly calendars, display of partial days, custom date formatting, direct manipulation of individual events for create, update, delete of events and much more.

jQuery Frontier Calendar with Demo

jQuery Frontier Calendar with Demo

Full month calendar jQuery plugin that looks like Google Calendar.All UI elements such as next-month & previous-month buttons, add event form, edit event form, tooltips, etc, are not part of the calendar plugin. These are to be created by you so you can control how they look. Use the API hooks in your form elements to control the calendar.

You may change the background image via the CSS file. By default all day cells have a linear fade png image for their background.

jQuery CalendarPicker with Demo

jQuery CalendarPicker with Demo

jQuery CalendarPicker is a free ultra-light calendar.This component is a light-weight calendar/date-picker.

Features:

  • supports internationalization (supports do not necessary means it is implemented:-) )
  • supports changing current date
  • supports mouse wheel scrolling
  • supporting (deferred) callback on date selection
  • supports variable number of years, months and days
  • supports next/prev arrows

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.



Best jQuery websites design awards