code.daypilot.org

Articles

ASP.NET Core Resource-Scheduling Calendar (Open-Source)

How to create a resource-scheduling calendar in ASP.NET Core that displays resources as columns. Add more UI features, such as free/busy highlighting, next/previous date-changing buttons and a modal dialog for editing event details.

Aug 16, 2024 (updated)

React Work Order Planning System (PHP/MySQL)

React application that will let you assign queued work orders to a specific employee and time slot. Includes a PHP backend with MySQL storage.

react scheduler javascript jsx work-order php mysql react18

Aug 11, 2024 (updated)

Vue Scheduler: Undo/Redo for Drag and Drop Actions

How to add "Undo" and "Redo" buttons to the Vue Scheduler. The UndoService maintains history of changes and allows unlimited undo/redo.

vuejs scheduler undo javascript

Aug 1, 2024 (updated)

Angular Scheduler: Row Header Actions

How to add action controls to the Angular Scheduler row headers: clickable icons, hyperlinks, and context menu buttons.

angular scheduler angular18 row-header-columns

Jul 31, 2024 (updated)

React Weekly Calendar Tutorial (Open-Source)

React application that displays a weekly event calendar using an open-source DayPilot React calendar component. Includes a date picker for changing the visible week. The calendar/scheduler appearance is customized using CSS.

react event-calendar week javascript css jsx open-source react18

Jul 31, 2024 (updated)

React Monthly Calendar Tutorial (Open-Source)

React application that displays a monthly event calendar. Calendar events use custom background to show event type. A context menu allows deleting events and changing color.

react event-calendar month javascript jsx open-source react18

Jul 30, 2024 (updated)

JavaScript Scheduler: Splitting an Event

How to split events in the JavaScript Scheduler at a specified location using the right-click context menu.

javascript html5 scheduler

Jul 30, 2024 (updated)

React Timesheet

How to display a timesheet in your React application. You can set a custom resolution of the time axis, specify the number of days to be displayed, calculate daily totals. The timesheet lets you modify the records using drag and drop.

react timesheet scheduler jsx javascript react18

Jul 28, 2024 (updated)

HTML5/JavaScript Gantt Chart (PHP, MySQL)

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.

html5 javascript gantt php mysql sqlite

Jul 27, 2024 (updated)

HTML5 Doctor Appointment Scheduling (JavaScript/PHP/MySQL)

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.

html5 javascript doctor appointment calendar scheduler mysql

Jul 24, 2024 (updated)

Previous Articles 41-50 of 331 Next

Products

Resources

Tools

About Us

Contact

DayPilot Pro

HTML5 event calendar/scheduling components. Available for JavaScript/Angular/React/Vue, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.