buy now
log in
MindFusion

Scheduling for JavaScript, V1.1

The library that helps you keep your JavaScript software development on time.
Download Trial   Online Demo

Interactive Scheduling Library Written in Pure JavaScript

MindFusion presents you the complete solution for all applications that need to render interactive timetables, event schedules or appointment calendars. Fully responsive, highly customizable and easy to integrate JavaScript scheduling library that you can quickly program according to your needs.

JavaScript Scheduling Library: Timetable

Timetable View

The perfect way to organize the day for people whose work day consists of multiple appointments. The Timetable view lets you choose the time intervals and the number of days to be rendered. You can record several events at the same time.

API Reference: Timetable View Settings
Online Sample: Interactive Timetable in JavaScript

SingleMonth View

The SingleMonth view brings the classic calendar to your application: one month at a time, users can clearly see their appointments and scheduled events in the calendar cells.

API Reference: SingleMonth View Settings
Online Sample: Monthly Calendar in JavaScript
Monthly Calendar in JavaScript
JavaScript Scheduler: Month Range View

MonthRange View

The MonthRange view renders a number of months at the same time. Cells with events are highlighted. The number of months to render at the same time can be customized.

API Reference: MonthRange View Settings
Online Sample: Calendar Views

WeekRange View

Ideal for people who plan their schedule week for week. This view lets you customize the number of days to be rendered on each row, the number of days to display at once and how the days are arranged: a single week at a time or a week on each row of the schedule.

API Reference: WeekRange View Settings
Online Sample: Weekly Calendar in JavaScript
Weekly Calendar in JavaScript
Resources Table in JavaScript

Resource View

Use the Resource view to organize the appointments for different members of your team. The view allows you to group the events by contacts or locations. You can also render several timelines and control the number of visible cells and the unit of each timeline.

API Reference: Resource View Settings
Online Sample: Resource View in the JavaScript Calendar

List View

Group the events in horizontal or vertical lists by location or contact with the list view. The view also gives you complete control over the time unit of the cells, the total number of cells and the number of visible cells.

API Reference: List View Settings
Online Sample: List View in the JavaScript Calendar
Responsive List with Resources
Events in the JavaScript Calendar

Events

The Scheduling library raises both notification as well validation events for all actions performed by the users: item modification and creation, when items are deleted, clicked or double-clicked. The events provide useful information about the actions as well the possibility to cancel them.

API Overview: Events
Tutorial: Handling Events

Styling

All details of a schedule are styled through CSS – from the border lines of the navigation buttons to the background of the whole schedule. This flexible approach provides you with full control over the appearance of your calendars – you can employ any CSS styling technique that you wish to create just the right schedule that you need. The library also comes with a rich set of beautiful predefined styles.

API Overview: CSS Classes
Tutorial: CSS Styling
Online Sample: Styling of the JavaScript Calendar
JavaScript Calendar with CSS Styling
Save and Load a Schedule from a Json File

Export / Import

You can export the whole schedule or items from it – resources, contacts, locations, tasks – into a Json or XML file. The library also lets you import the files back to the schedule. The import/export is done with the call of a single method.

API Overview: Schedule Serialization
Tutorial: Import and Export to/from Json

Localization

Localizing your schedule - all or parts of it - is done through the locale object whose fields you can see listed with the samples of the control. You can translate only the labels that are used by your JavaScript application.

API Overview: Localization
JavaScript Calendar in German

Built-in Forms

A convenient and intuitive way for the user to create and edit appointments and recurrences.
Interactively Create Tasks in JavaScript

Task Form

A quick way to create new appointments and events.

Interactively Create Appointments in JavaScript

Appointment Form

Allows the user to edit the details of the appointment.

Interactively Create Recurring Events in JavaScript

Recurrence Form

Users can quickly create and customize a recurrence.

Better Results, Faster

Speed up the development process, save your time and efforts. Read "Why buy a license?"
Excellent Customer Support

First-class Support

Support questions are usually answered within hours of being received.

Different Calendar Samples in JavaScript

Various Samples

Numerous samples demonstrate all features of the library.

Detailed Documentation

Excellent Documentation

Detailed API reference with plenty of tutorials, guides and sample code.

Download Sources

You can download the JavaScript Scheduler from the following popular websites.
JS Scheduler on npm

This is the npm page for the JS Scheduler. Use "npm install scheduler-library" to download the package.

JavaScript Scheduling Library on GitHub

The GitHub repository for the JS Scheduler lists all samples, JavaScript and TypeScript files, license info.

Copyright © 2001-2018 MindFusion LLC. All rights reserved.
Terms of Use - Contact Us