Feature Details

Basic Views

dhtmlxScheduler displays events in a few basic views: Day, Week, Month, Year, and Agenda (more views are described below). Users can navigate through different views using tabs on the top of the calendar. Simple drag-and-drop interface allows users to easily change events time and duration. A new event can be quickly created with a double-click.

In Month View multiday events are marked with yellow. The flexible API of js calendar gives you the full control over the look and feel so you can change this color to any other. You can modify the color scheme of the entire calendar by using online Skin Builder.

Year View allows you to see what days have the assigned events. By default, popup tooltip shows the short description of the event while the user hovers over the particular day.

You can use Agenda View to show the list of the upcoming events:

With these multiple views, users can quickly navigate through the calendar and manage events and appointments with ease. If needed, you can display the events in read-only mode, so the end users won't be able to edit the calendar.

Multiple Resource Views

dhtmlxScheduler provides Units View to display several calendars for multiple resources simultaneously (such as human resources, office locations, rooms, etc.). The calendars for different resources are arranged in columns, so you can see all of them on one page.

Another option to display events/tasks/appointments for several resources at a time is to use Timeline View. You can also enable the hierarchical structure and show the resources (employees, office rooms, etc.) in expandable groups.

The Timeline View is a perfect solution for those who need to visualize and monitor the progress of ongoing tasks or projects.

Integration with Google Maps

Our JavaScript Event Calendar supports easy integration with Google Maps that allows you to associate locations with calendar events. In this mode you just specify a location in an event description or choose the desired location right on the map.

Easy Navigation with Mini Calendar

To simplify the navigation through the events, you can display a js date picker either on the left side of the scheduler or as a popup. This will allow the end user to quickly choose a date and see the assigned events.

Recurring Events

dhtmlxScheduler features the ability to display recurring events which can be repeated on a daily, weekly, monthly, or yearly basis. Events can be configured in the popup event editor that provides all the necessary parameters to set up events recurrence.

Custom Tooltips

dhtmlxScheduler supports custom tooltips to display some additional details about the events. You can configure the look of the tooltips, change the colors, and adjust them to your needs.

Data Import/Export

To provide the printing capabilities, dhtmlxScheduler supports export to PDF. Currently this service is available for PHP only. Find more details about Scheduler-to-PDF functionality in the documentation or view the live demo.

The calendar also supports data export to XML, JSON, and iCal formats, as well as the ability to load calendar data from JSON file or object. There is a special utility for iCal export that facilitates the export functionality and allows you to share the calendar data with different applications and devices.

Completely Customizable

The rich JavaScript API allows you to change virtually every aspect of the calendar's look and feel, including colors, texts, scales, first day of the week, etc. You can even create your own custom views to display events in your own way, for example in work week view. A popup form for editing event details can be also configured to contain custom fields and match the exact needs of your calendar.

With the flexibility provided by dhtmlxScheduler, you can customize the calendar to your own taste and design. The color scheme of existing skins can be easily changed via Online Skin Builder. dhtmlxScheduler also provides ready-to-use localization for 25 languages and the ability to translate the calendar to any other language.

Server-Side Integration

dhtmlxScheduler is a client-side, JavaScript solution and it needs to be bound to the database to get the data from server and save it back. To simplify data communication between JavaScript calendar and server-side database, we created a special addon - dhtmlxConnector, which is available for PHP, ASP.NET, Java, and Cold Fusion technologies. These connectors work like a server-side layer that handles data loading, updating, and saving processes.