Create a complex calendar UI in Vue.js with multiple views, view-switching buttons and an integrated date picker. Use a shared data source to make it fast and Vue templates to define event appearance.
Nov 10, 2024
HTML5/JavaScript event calendar with day, week, and month views and integrated date navigator. Includes a sample PHP backend with MySQL database.
Oct 4, 2024
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.
Jul 30, 2024
How to create a monthly calendar/scheduler view for planning events, tasks, and reminders in Vue. The downloadable Vue project uses the open-source DayPilot Lite library.
Jul 6, 2024
Angular project that displays an event calendar component with day, week and month views that share the same data and can be easily switched. A date picker component is used to switch the current date and highlight busy days.
Jul 1, 2024
ASP.NET Core web application that displays scheduled events in a monthly calendar. Visual Studio 2022 project for download.
Jun 27, 2024
Spring Boot web application that displays a monthly calendar with drag and drop support. Implemented using JavaScript monthly calendar control from DayPilot package.
Jun 20, 2024
This tutorial shows how to create a complex calendar component that displays integrated daily, weekly and monthly calendars in React.
Jun 16, 2024
How to create a visual, color-coded, and easily adjustable maintenance plan in ASP.NET Core using DayPilot - the open-source calendar/scheduling UI library.
Dec 1, 2023
How to mark selected days as disabled and prevent adding, moving, and resizing events. You can use this technique to disable days in the past, weekends, holidays or other dates.
May 24, 2022
How to limit the number of concurrent events displayed by the monthly calendar and add an "expand" button to access the events.
Nov 5, 2021
Drag and drop monthly event calendar for JavaScript/HTML5. Full calendar CSS styling support. Includes a sample PHP backend with SQL database.
Jun 16, 2021
How to define day/week/month views for the JavaScript Scheduler. The current view can be switched using custom buttons.
Jan 31, 2021
How to export the monthly calendar to a PDF document using the built-in image export feature. Adds custom text to the exported PDF file.
Dec 15, 2020
A quick start Angular 5 project that displays appointments and events using a monthly calendar UI component.
Jan 10, 2018
This tutorial shows how to display full day/week/month event calendar with a toolbar for switching the view. Includes C# and VB.NET source code and a sample SQL Server database.
Sep 22, 2017
A quick start project that shows how to use DayPilot Monthly Calendar in an Angular 4 project (built using Angular CLI 1.0).
Jun 26, 2017
How to create an AJAX monthly event calendar using DayPilot Lite for ASP.NET MVC (open-source).
Jun 23, 2014
AJAX event calendar with drag and drop support. Toolbar for fast switching between day, week, and month views.
Apr 27, 2014
Articles 1-19 of 19