Best JavaScript & jQuery Calendars
1. HubelekejQuery Events Calendar via Ajax
Hubeleke jQuery Events Calendar is a flexible
plugin that allows you to connect to your database and show up your event days
on a calendar view. You can easily list your events on wherever you want on
your page via just one click.
This plugin is NOT a calendar organizer with
an administration panel. It helps you to retrieve your event dates and lists
from your database via Ajax and displays them on your web site month by month.
Features
·
Easy installation
·
jQuery powered
·
Cross platform (Php, Asp…)
·
Sample DB and Sql files included
·
Major browsers support
·
Language support
·
Easy to customize
·
Detailed options
·
4 events
·
7 color themes
2. Date PickerIn Fullscreen - jQuery Plugin
jQuery date input picker plugin that provides
a quick and easy way to manage dates for input text fields in fullscreen.
Perfect for touch/mobile devices. Its fully responsive and touch friendly.
Features
·
Extension of bootstrap-datepicker (Boostrap
is not mandatory)
·
Touch friendly
·
Fully responsive design
·
CSS3 effects
·
Swipe support
·
Customizable
·
Multi language
·
Cross-browser support
·
Free support
·
Tons of options
3. Smart Calendar
SmartCalendar is a Full Responsive jQuery
Date Time input picker plugin. Code written in a simple way by which you can
easily integrated at your site.
It is Responsive Multipurpose jQuery Date
Time input picker plugin. It can be simply integrated at your site with the
documentation help. All the codes are clean, well commented and well organized
with proper help documentation. It looks great with all types of devices. Try
out the demo.
Features
·
Multipurpose
Date Time Picker
·
Full
Calendar / Picker
·
Date Picker
·
Date and
Time Picker
·
Easy month
and year switch
·
Inline &
Dropdown Options
·
Multi
language (Included Languages File)
·
100%
Responsive & Mobile-Friendly Layout
·
Browser Compatibility
·
Easy Color
Customizable
·
Easy
integration into your current site
·
Well Documentation
(proper instructions for setup and color customization)
·
Dedicated
Support
·
and Much More!
4. jQuery TimePicker
This plugin allows you to customize the text
box. After click on them you see the window, where you can select the
destination time.
Plugin breaks 24 hours to the minute with the
desired interval. It is possible to highlight certain time periods, i.e.
available time or blocked intervals(for example: from 10:00 to 23:00, the
discount is valid from 10:00 to 13:00. Buttons in time from 10:00 to 23:00 will
be active, from 10:00 to 13:00 will be selected (default red))
5. Evendar -Event Calendar/Picker
Evendar is a Event Calendar/Picker plugin,
built using jQuery and moment.js libraries. It can be used as:
·
Event Picker for forms
·
Event calendar for applications
·
Ticket sale systems
·
Bus timeline & ticket systems
·
Venue event selector
·
And many more that you can imagine
Features
·
Event Calendar / Picker
·
JSON Source Compatible
·
Grid View/List View Support
·
Minimize/Maximize Support
·
Fully customizable
·
Easy month and year switch
·
Inline or Dropdown Options
·
Portrait and Landscape Mobile Views
·
Event Details View
·
Event Links and Link Target Support
·
Built using jQuery and moment.js
·
Sass File included
·
Grunt Tasks included
6. Calentim -Date Time Range Picker
Calentim is a Date/Time Range Picker plugin, built using jQuery and
moment.js libraries. It can also be used as a single date/time picker besides
the range selection feature. Can be shown inline or used as a dropdown beside
an input.
Features
·
Option to hide specific parts of the instance
(header, footer)
·
Mobile friendly (both portrait and landscape
layouts are supported)
·
Support for predefined ranges
·
Can be shown as an inline control
·
Wide localization support (Available languages)
·
Can also be used as a single datetime picker
·
Sass template included
·
Grunt file included
7. jQuery FlatEvent 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.
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.
8. Tiva Events Calendar
Tiva Events Calendar is plugin which help you to display all
events on calendar. It is very flexible and easy to install and integrate into
your website. You can create events in json file or feed from your database via
php file (Ajax)
With nice popup, user can quick-view event
for each day, view event list and event detail. Your events will be displayed
lively and logically. There are 2 layouts for your choice : full and compact.
You can put events calendar everywhere in
your website via just simple configuration. You can also change language for
calendar via js language file.
Features :
·
Display your events lively and logically.
·
View events via calendar or list style.
·
Quick view event’s info with tooltip.
·
User friendly interface.
·
Full layout or Compact layout.
·
Very easy to install and integrate.
·
Language support
·
...
9. jQuery Range Calendar Plugin
jQuery Range Calendar is a new approach to a
classic calendar. It allows you to select a range of dates simply by resizing
the right edge with an easy drag and drop. The calendar is perfect for short
and medium range selection.
10. Awqaty
AWQATY is a jQuery plugin to let you bind
events to a specific date. All dates are shown in table. Clicking on a specific
date opens the event container below the date container in which are listed all
the events that are happening at the given day. An event contains a title,
date, time, place, description. you will be able to add , edit and delete the
events which is sorted by time automatically, you have theme color for every
day status ( current day , has event , has not events ,weekend , vacancy ) ,
creative and new design easy to use , fully responsive and new features you can
control your days with start and end date options you can determine your
weekend and vacancy days too , you can add , edit and delete the event easily
in seconds and it has many options you can control the start and end date of
your calendar
FEATURES :
·
Javascript
, jQuery and Css3 Code
·
Well
commented Code
·
Unique
& Modern Design
·
Retina
& Responsive Ready
·
Flexible
& Multipurpose
·
Customizable
& Well Organized
·
Google
Font Usage
·
1170px
Grid System
No comments