Best jQuery Calendar Plugins & Tutorials with Demo

    Smart Forms with jQuery Html5 & CSS3

    March 28, 2014 | Ajax, Calendar, CSS2 / CSS3.0, Forms, HTML5, Premium
    Smart Forms with jQuery Html5 & CSS3

    Smart Forms is a responsive professional Form Framework / pack with a clean consistent Form UI. The framework includes a variety of form Widgets such as Datepickers, Timepickers, Monthpickers, Colorpickers, Numeric Steppers, UI Sliders, Google maps, toggle switches validation, masking among other features.

    Features:

    • Multiple form inputs
    • File inputs / uploaders
    • CSS3 checkboxes + Radios
    • CSS3 toggle switches
    • CSS3 review & rating
    • Tooltips + vector icons
    • Notification alerts
    • CSS3 multi shape buttons
    • Animated progress bars
    • Simple pricing tables
    • Ajax form processing
    • Input masking
    • PHP CAPTCHA with refresh support
    • 40+ starter templates included
    • Date & time picker widgets
    Read More Demo

    Responsive flat design jQuery DateTime Picker plugin

    February 8, 2014 | Calendar, Plugins, Responsive
    Responsive flat design jQuery DateTime Picker plugin

    Responsive flat design jQuery DateTime Picker plugin for Web & Mobile.DateTime Picker is a quick highly customizable jQuery plugin. The design is clutter free & well suited for embedding it into mobile application development.

    Users can change values using +/- buttons or type values directly into the textbox by selecting each value fields.

    Read More Demo

    DateTimePicker : jQuery plugin select Date and Time

    November 21, 2013 | Calendar, Plugins
    DateTimePicker : jQuery plugin select Date and Time

    Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms. It’s easy to customize options.

    Read More Demo

    jQuery Flat Event Calendar Responsive Timeline

    November 6, 2013 | Calendar, Premium, Responsive
    jQuery Flat Event Calendar Responsive Timeline

    It’s a responsive event calendar. It can also be used as a timeline. It’s suitable both for responsive and fixed layout. Its features :

    • Flat UI.
    • Supported by all major browsers.
    • Responsive design.
    • 5 layouts included.
    • Own layout can be customized.
    • Almost fully css customizable.
    • Metro and iOS7 inspired.
    Read More Demo

    CLNDR.js : A jQuery Calendar Plugin

    October 5, 2013 | Calendar, Plugins
    CLNDR.js : A jQuery Calendar Plugin

    CLNDR is a jQuery plugin for creating calendars. Unlike most calendar plugins, this one doesn’t generate markup. Instead you provide an Underscore.js HTML template and in return CLNDR gives you a wealth of data to use within it.

    CLNDR takes an array of event objects and weaves them into the days array in your template. This means you can pass in as many events as you want and CLNDR will make sure they show up when you need them.

    Read More Demo

    jQuery UI datepicker Skins in CSS3

    May 5, 2013 | Calendar, CSS2 / CSS3.0, jQuery UI
    jQuery UI datepicker in CSS3

    CSS3 skins for jQuery UI datepicker.To use them, start by copying the .datepicker.css files you need as well as the images in the images folder. Then add the appropriate classes to your datepickers. See below for a complete list of the available skins.

    Read More Demo

    Google calendar events now on your website – jQuery plugin

    March 24, 2013 | Calendar, Other API, Plugins
    Google calendar events now on your website - jQuery plugin

    This script pulls events that you create in your public Google calendar and displays them on your website.You may choose how many events to display at a time.Each event box can show the event start date-time, timezone, location of the event, summary and description of the event.Each event box has a link to the original event you defined in your calendar.

    Read More Demo

    glDatePicker : ultra-simple Date Picker plug-in for jQuery

    January 22, 2013 | Calendar, Plugins
    glDatePicker : ultra-simple Date Picker plug-in for jQuery

    An ultra-simple, customizable, light-weight date picker plug-in for jQuery at just over 7KB compressed or 25KB uncompressed.

    Features:

    • Stylize current date, selected date, special dates and individual days of the week
    • Set data on special dates (that is returned on callback when selected)
    • Repeatable date ranges, individual dates and special dates
    • Restrict selection to range of dates, individual dates, years, months and days of the week
    • Restricting forward / backwards month navigation
    • Automatically jump to respective month on selection (if it is the next or previous month)
    • Offset days of the week (e.g. make Wednesday the first day of the week)
    • Jump to specific month or year through select drop-down
    • Customizable month names and days of week names
    • Callbacks for when date is selected and when calendar is about to show or hide
    • Individual styles per date picker on the same page
    • Render directly below input control (by default) or specify a custom element to render into
    Read More Demo

    Calendario: A Flexible jQuery Calendar Plugin

    November 30, 2012 | Calendar, Plugins, Responsive
    Calendario: A Flexible jQuery Calendar Plugin

    Today we want to share a flexible calendar concept with you. Calendars can be a very tricky thing when it comes to their layout and responsiveness. This is an experiment for trying out some grid layouts that can be applied to calendars. We’ve created a jQuery plugin for the calendar itself and you can see some examples of how to use it in the demos. The aim is to provide a suitable layout for both, small and big screens and keeping the calendar structure fluid when possible. On large screens we want to show a grid-based layout while on smaller screens, we want to simply stack the days of the month.

    Read More Demo

    DZS jQuery Mini Events Calendar

    November 26, 2012 | Calendar, Plugins, Premium, Web
    DZS jQuery Mini Events Calendar

    Need a neat way to present your events in a calendar? This is the plugin for you.

    Features:

    • easy install – purchase, download the zip, read the docs
    • sample setup included – a sample setup with the plugin to show an example on how it can be configured
    • dzs tooltips included – a tooltip plugin from our portfolio is included to provide rich experience to your users
    • two skins – default and black
    • iPhone/iPad compatible – this plugin is compatible with iToys, even Android works
    • major browsers support – IE7 , IE8, IE9 , IE10, Chrome, Opera, Safari and Firefox fully tested
    • html supported – inline content is no problem for this plugin
    Read More Demo