dhtmlxScheduler is a web-based JavaScript events calendar that provides a rich and intuitive scheduling solution similar to MS Outlook Calendar, Apple's iCal, or Google Calendar. The events can be displayed in different views (Day, Week, Month, Year, Agenda, etc.) Advanced drag-and-drop functionality allows users to change date and time of an event by easily moving or resizing event boxes. Very lightweight (about 20Kb gzipped) and fast-performing, the calendar uses Ajax to smoothly update and display the events schedule.

Live demos

Basic Scheduler
Ajax/JavaScript Event Calendar - Basic Demo
Recurring Events
Ajax/JavaScript Event Calendar - Recurring Events Demo
Multiple Resources View
Ajax/JavaScript Event Calendar - Multiple Resources Demo
Timeline View
Ajax/JavaScript Event Calendar - Timeline Demo
Map View
Ajax/JavaScript Event Calendar - Map Demo
Mobile Scheduler
Ajax/JavaScript Event Calendar - Mobile sceduler Demo
Click appropriate image zones above to open the Live Demo of dhtmlxScheduler. It works in demo mode, which means you can add/edit/delete events, but changes will be available only until the demo is reloaded.

dhtmlxScheduler offers an extensive JavaScript API and a wide range of events providing full control over the look and feel of the calendar. Developers can easily add/update events, customize calendar appearance, and change the date format or calendar language.

Along with a clean look and swift performance, the calendar provides the most requested features:

  • Recurring events, which can be configured on a daily, weekly, monthly or yearly basis.
  • Multiple Resources View to display several calendars for different resources (e.g. users, office locations, product items) simultaneously.
  • TimeLine View for simple and effective visualization of events assigned to different resources (e.g. users, departments).
  • Map View to associate events with locations and display them on Google Maps.
  • Data export to XML, JSON, and iCal formats, as well as the ability to load calendar data from a JSON file or object.
  • Printing by serialization to PDF format (requires PHP server).
  • Integration with server database by means of dhtmlxConnector or your own server-side code written in any language (PHP, Java, .Net, ASP, etc.). Please see the documentation included in the dhtmlxScheduler package for instructions and samples.

Visit feature details page to learn more about dhtmlxScheduler capabilities.

Our Ajax event calendar comes with two predefined skins. To customize the color scheme for the skin, you can use Skin Builder, an online tool that allows you to define custom colors for each element of the calendar interface.

Mobile Scheduler

If you want to embed a scheduler into a mobile web application, there is a special version of dhtmlxScheduler optimized for touchscreen devices. It offers an intutivie scheduling interface that works natively on mobile phones (iPhone, Android smartphones, etc.).

The server side of the mobile version is compatible with the original dhtmlxScheduler so you can fully reuse existing server-side code. On the client side it has slightly different set of events and templates, but uses the similar principles and API. So it's easy to use if you have worked with dhtmlxScheduler before.

Plugins for WordPress and Joomla!

If you would like to use dhtmlxScheduler on WordPress platform, we offer a plugin that helps you effortlessly integrate the event calendar into a WordPress page. This plugin also allows you to use the scheduler as a blog archive calendar.

dhtmlxScheduler is also available in the form of Joomla! extension which brings an easy solution for events scheduling in this CMS. The scheduler extension enables end-users to organize and manage events within a friendly and attractive calendar interface. The documentation for Joomla! extension can be found in DHTMLX Docs & Samples Explorer.

API Samples

//Add Event
scheduler.addEvent({ id: "ev123", start_date: "16-05-2009", end_date: "19-05-2009", text: "My new event. dhtmlxScheduler release" });
//Update Event
scheduler.setEventText("ev123", "Updated Release date"); scheduler.setEventStartDate("ev123", "21-5-2009"); scheduler.setEventEndDate("ev123", "22-5-2009");
//Remove Event
scheduler.deleteEvent("ev123");
//Control interface
scheduler.setCurrentView("21-05-2009", "week");

Licenses

Open Source - GPL - Allows the use of dhtmlxScheduler in GPL projects for free. Download dhtmlxScheduler - Ajax/JavaScript Event Calendar

Commercial License - Allows you to use dhtmlxScheduler in one project (application) with an unlimited number of copies. With this license, you receive 1 month of technical support (or 5 support requests within 12 months) and one major upgrade. This license costs $149. Buy dhtmlxScheduler - Ajax/JavaScript Event Calendar

Enterprise License - Allows you to use dhtmlxScheduler in an unlimited number of projects on the condition that all of them are developed by one company. Free support/upgrades are provided for the first 12 months. This license costs $649. Buy dhtmlxScheduler - Ajax/JavaScript Event Calendar

v.3.0 is available
Home | Features

    Main Features

  • Lightweight
  • Full control with script API
  • Mobile version
  • Multiple views (including Year, Agenda)
  • Intuitive interface
  • Multilingual (19 languages)
  • Compatibility with dhtmlxConnector
  • Customizable and easy to implement
  • Single/multi-day events
  • Recurring events
  • Support for iCal format
  • Export to XML, iCal, JSON, PDF
  • Customizable time scale
  • New in v.3.0

  • Mobile version
  • Week View for agenda
  • Netbook-friendly lightbox form
  • Configurable time frames
  • Cascade view

Download

Samples

Over 40 samples (!) included into the package.

Most interesting: