HTML5/JavaScript event calendar with day, week, and month views and integrated date navigator. Includes a sample PHP backend with MySQL database.
Nov 26, 2020
Back to HTML5 Tutorials
ASP.NET Core web application that displays scheduled events in a monthly calendar. Visual Studio 2017 project for download.
Nov 24, 2020
HTML5/JavaScript Gantt chart control that lets you display a timeline for a hierarchy of tasks and milestones. Task dependencies, drag and drop support, inline task creating, custom CSS themes. Sample PHP/MySQL project available for download.
Nov 24, 2020
How to create a timesheet using the JavaScript/HTML5 timesheet component. Sample PHP/MySQL application source code for download.
Nov 24, 2020
HTML5 web application for managing doctor appointments. Includes public and administration interface. Patients can request an appointment in one of the slots predefined using the administration interface. Implemented in PHP/MySQL.
Nov 22, 2020
Source code of a Spring Boot web application that uses HTML5/JavaScript scheduler to display events for multiple resources.
Nov 22, 2020
PHP web application that allows to plan annual leave days using a visual HTML5 scheduler component.
Nov 22, 2020
Simple web application that displays tennis court availability and lets the users create a reservation using drag and drop. Includes a PHP project with sample MySQL/SQLite database.
Nov 21, 2020
HTML5 scheduler with drag and drop support. Displays a timeline for multiple resources grouped by category. Sample PHP project with AJAX backend implementation. Uses MySQL to store the scheduler data.
Nov 6, 2020
A tutorial that shows how to create a PHP shift planning system - a web application that lets you manage shifts for multiple locations using a visual JavaScript scheduler component.
Nov 6, 2020
Tutorial with source code - PHP web application for hotel room reservation with HTML5 user interface supporting drag and drop. MySQL and SQLite databases.
Nov 3, 2020
How to change the zoom level of the JavaScript Scheduler component in real time using a slider and (+)/(-) buttons.
Feb 12, 2020
How to configure the JavaScript Scheduler component to accept files dragged from the desktop. The file will be converted to a Scheduler event on drop.
Jun 27, 2019
How to set alternating colors for JavaScript Scheduler columns (time headers and grid).
Sep 10, 2018
How to implement mult-criteria column filtering in JavaScript resource calendar component. Filter the resource columns by text and category.
Jul 23, 2018
Use an online configurator to customize JavaScript scheduler component user interface. Generate and download a ready-to-run project.
Jan 23, 2018
AngularJS web application for scheduling events for multiple resources (people, tools). Supports drag and drop scheduling. Sample PHP application with source code.
Oct 6, 2017
Simple web application that shows how to use a modal dialog to create and edit JavaScript Scheduler events. Includes PHP source code for download.
Sep 22, 2017
Simple HTML web application that exports the Scheduler to PDF (client-side).
Jun 26, 2017
AngularJS web application that shows how to create a simple event calendar solution, displaying day and week view and date selector. Supports drag and drop event moving and resizing, event editing using a modal dialog. JSON-based PHP server-side backend.
Jan 9, 2017