DHTMLX
  
DHTML eXtensions - professional Ajax components for advanced web UI

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

Live demos

Ajax/JavaScript Event Calendar - Basic Demo
Basic scheduler
Browse the events in Day, Week, Month, Year or Agenda Views.
Ajax/JavaScript Event Calendar - Recurring Events Demo
Recurring Events
View regularly occuring events which are repeated daily, weekly, monthly, or yearly.
Ajax/JavaScript Event Calendar - Multiple Resources Demo
Multiple resources view
Manage appointments, tasks and schedulers for multiple resources (people, projects, etc.)
Click appropriate image zones above to open Live Demo of dhtmlxScheduler. It works in demo mode, which means you can add/edit/delete events, but changes will be available just until you reload the demo.

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

Along with clean look and swift performance, the calendar provides the most demanded features, including:

  • Recurring events, which can be configured on daily, weekly, monthly or yearly basis.
  • Multiple Resources View to display several calendars for different resources (e.g. users, office locations, product items, etc) simultaneously.
  • TimeLine View for simple and effective visualization of events assigned to different recources (e.g. users, departments, etc).
  • Map View to associate events with locations and display them on Google Maps.
  • Data export to XML, JSON, iCal formats, as well as the ability to load calendar data from JSON file or object.
  • Printing abilities 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, ASP, etc.). Please see the documentation included in dhtmlxScheduler package for instructions and samples.

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

dhtmlxScheduler for iPad

If you want to embed dhtmlxScheduler into a mobile application intended to run on touch-screen tablets, there is a ready-to-use extension that adds support for touch events. It allows dhtmlxScheduler to work natively on iPad and similar devices. All you need is to include necessary .js and .css file in your page, and you'll get events calendar with touch-screen interface. Check the live demo to see how dhtmlxScheduler works on iPad.

Plugins for WordPress, Joomla, and Drupal

If you would like to use dhtmlxScheduler in WordPress platform, there is 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 form of Joomla! and Drupal modules which bring an easy solution for events scheduling in these CMSs. The modules enable the end-users to organize and manage events within a friendly and nice-looking calendar interface. The documentation for Joomla! and Drupal plugins is available in Docs 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 you to use dhtmlxScheduler in GPL projects for free. Download dhtmlxScheduler - Ajax/JavaScript Event Calendar

Commercial License allows you to use dhtmlxScheduler in one project (application) with unlimited number of copies. According to this license we provide you with support (consultations) and free-of-charge bug fixing during 1 month. This license costs $149. Buy dhtmlxScheduler - Ajax/JavaScript Event Calendar

Enterprise License allows you to use dhtmlxScheduler in unlimited number of projects on condition that all of them are projects of one company. Free support\upgrades period is 12 months. This license costs $649 Buy dhtmlxScheduler - Ajax/JavaScript Event Calendar

v.2.3 is available now

    main features

  • lightweight
  • full control with script API
  • multiple views (including Year and Agenda)
  • intuitive interface
  • multilingual (19 languages)
  • compatibility with dhtmlxConnector
  • customizable and easy to implement
  • single/multi-days events
  • recurring events
  • support for iCal format
  • export to XML, iCal, JSON, PDF
  • customizable time scale
  • touch screen support
  • new in v.2.3

  • Map View (Google Maps support)
  • Tooltips to show event details
  • TimeLine View: tree and cell modes
  • Enhanced event details form

  Downloads

Collapse Block

  Samples

Expand Block
  • Over 40 samples (!) included into the package.

Most Interesting:

 
 
Do you like the new version of DHTMLX Docs Explorer
 
Yes, it's more convenient
Yes, but it lacks a TOC tree
No, I liked the previous one
Any other opinion
Thank You. Participated: 539