@daypilot/daypilot-lite-javascript 3.30.1 → 3.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +21 -6
- package/daypilot-javascript.min.d.ts +1 -0
- package/daypilot-javascript.min.js +7 -7
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -47,6 +47,8 @@ Customize the scheduling components using an online [UI Builder](https://builder
|
|
|
47
47
|
[HTML5/JavaScript Event Calendar (Open-Source)](https://code.daypilot.org/17910/html5-event-calendar-open-source)
|
|
48
48
|
Event calendar introduction - week view, loading data, drag and drop, CSS themes, sample PHP REST backend.
|
|
49
49
|
|
|
50
|
+
***
|
|
51
|
+
|
|
50
52
|
### JavaScript Resource Calendar Tutorial
|
|
51
53
|
|
|
52
54
|
[](https://code.daypilot.org/87709/javascript-resource-calendar-tutorial-php-mysql)
|
|
@@ -54,6 +56,8 @@ Event calendar introduction - week view, loading data, drag and drop, CSS themes
|
|
|
54
56
|
[JavaScript Resource Calendar Tutorial - PHP/MySQL (Open-Source)](https://code.daypilot.org/87709/javascript-resource-calendar-tutorial-php-mysql)
|
|
55
57
|
The resource calendar displays custom resources (people, rooms, tools) as columns. This tutorial shows how to load resource data from a PHP/MySQL backend and show custom calendar columns.
|
|
56
58
|
|
|
59
|
+
***
|
|
60
|
+
|
|
57
61
|
### HTML5/JavaScript Calendar with Day/Week/Month Views (PHP, MySQL)
|
|
58
62
|
|
|
59
63
|
[](https://code.daypilot.org/27988/html5-calendar-with-day-week-month-views-javascript-php)
|
|
@@ -61,6 +65,8 @@ The resource calendar displays custom resources (people, rooms, tools) as column
|
|
|
61
65
|
[Open-Source HTML5/JavaScript Calendar with Day/Week/Month Views (PHP, MySQL)](https://code.daypilot.org/27988/html5-calendar-with-day-week-month-views-javascript-php)
|
|
62
66
|
HTML5/JavaScript event calendar with day, week, and month views and integrated date navigator. Includes a sample PHP backend with MySQL database.
|
|
63
67
|
|
|
68
|
+
***
|
|
69
|
+
|
|
64
70
|
### ASP.NET Core Weekly Calendar
|
|
65
71
|
|
|
66
72
|
[](https://code.daypilot.org/31735/javascript-weekly-calendar-asp-net-core)
|
|
@@ -68,6 +74,8 @@ HTML5/JavaScript event calendar with day, week, and month views and integrated d
|
|
|
68
74
|
[ASP.NET Core Weekly Calendar (Open-Source)](https://code.daypilot.org/31735/javascript-weekly-calendar-asp-net-core)
|
|
69
75
|
Simple ASP.NET Core web application that displays event data in a weekly calendar. Uses Entity Framework Core for data access.
|
|
70
76
|
|
|
77
|
+
***
|
|
78
|
+
|
|
71
79
|
### ASP.NET Core Monthly Calendar
|
|
72
80
|
|
|
73
81
|
[](https://code.daypilot.org/95109/html5-monthly-calendar-and-asp-net-core)
|
|
@@ -75,6 +83,7 @@ Simple ASP.NET Core web application that displays event data in a weekly calenda
|
|
|
75
83
|
[ASP.NET Core Monthly Calendar (Open-Source)](https://code.daypilot.org/31735/javascript-weekly-calendar-asp-net-core)
|
|
76
84
|
ASP.NET Core web application that displays scheduled events in a monthly calendar. Visual Studio project for download.
|
|
77
85
|
|
|
86
|
+
***
|
|
78
87
|
|
|
79
88
|
### ASP.NET Core Maintenance Scheduling App
|
|
80
89
|
|
|
@@ -83,6 +92,8 @@ ASP.NET Core web application that displays scheduled events in a monthly calenda
|
|
|
83
92
|
[ASP.NET Core Maintenance Scheduling (Open-Source)](https://code.daypilot.org/92491/asp-net-core-maintenance-scheduling)
|
|
84
93
|
How to create a visual, color-coded, and easily adjustable maintenance plan in ASP.NET Core using DayPilot.
|
|
85
94
|
|
|
95
|
+
***
|
|
96
|
+
|
|
86
97
|
### ASP.NET Core Resource-Scheduling Calendar
|
|
87
98
|
|
|
88
99
|
[](https://code.daypilot.org/20604/asp-net-core-resource-calendar-open-source)
|
|
@@ -90,6 +101,7 @@ How to create a visual, color-coded, and easily adjustable maintenance plan in A
|
|
|
90
101
|
[ASP.NET Core Resource-Scheduling Calendar (Open-Source)](https://code.daypilot.org/20604/asp-net-core-resource-calendar-open-source)
|
|
91
102
|
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.
|
|
92
103
|
|
|
104
|
+
***
|
|
93
105
|
|
|
94
106
|
### Spring Boot Weekly Calendar
|
|
95
107
|
|
|
@@ -98,6 +110,8 @@ How to create a resource-scheduling calendar in ASP.NET Core that displays resou
|
|
|
98
110
|
[Weekly Event Calendar in Spring Boot/Java (Open-Source)](https://code.daypilot.org/41760/using-javascript-html5-event-calendar-in-spring-boot-java)
|
|
99
111
|
Create a Spring Boot scheduling application with a weekly HTML5/JavaScript calendar component.
|
|
100
112
|
|
|
113
|
+
***
|
|
114
|
+
|
|
101
115
|
### Spring Boot Monthly Calendar
|
|
102
116
|
|
|
103
117
|
[](https://code.daypilot.org/58614/using-javascript-html5-monthly-calendar-in-spring-boot-java)
|
|
@@ -105,6 +119,8 @@ Create a Spring Boot scheduling application with a weekly HTML5/JavaScript calen
|
|
|
105
119
|
[Monthly Calendar in Spring Boot/Java (Open-Source)](https://code.daypilot.org/58614/using-javascript-html5-monthly-calendar-in-spring-boot-java)
|
|
106
120
|
Spring Boot web application that displays a monthly calendar with drag and drop support. Implemented using JavaScript monthly calendar control from DayPilot package.
|
|
107
121
|
|
|
122
|
+
***
|
|
123
|
+
|
|
108
124
|
### Spring Boot Resource-Scheduling Calendar
|
|
109
125
|
|
|
110
126
|
[](https://code.daypilot.org/89304/spring-boot-resource-scheduling-calendar-open-source)
|
|
@@ -112,7 +128,6 @@ Spring Boot web application that displays a monthly calendar with drag and drop
|
|
|
112
128
|
[Spring Boot Resource-Scheduling Calendar (Open-Source)](https://code.daypilot.org/89304/spring-boot-resource-scheduling-calendar-open-source)
|
|
113
129
|
Spring Boot application that uses a visual resource-scheduling calendar to display plans for multiple resources side by side.
|
|
114
130
|
|
|
115
|
-
|
|
116
131
|
## Example
|
|
117
132
|
|
|
118
133
|
HTML:
|
|
@@ -130,7 +145,7 @@ import {DayPilot} from "@daypilot/daypilot-lite-javascript";
|
|
|
130
145
|
// initialize the calendar component
|
|
131
146
|
const calendar = new DayPilot.Calendar("calendar", {
|
|
132
147
|
viewType: "Week",
|
|
133
|
-
startDate: "
|
|
148
|
+
startDate: "2025-09-18",
|
|
134
149
|
headerDateFormat: "d/M/yyyy",
|
|
135
150
|
onEventMoved: args => {
|
|
136
151
|
console.log("Event was moved:", args.e);
|
|
@@ -141,15 +156,15 @@ calendar.init();
|
|
|
141
156
|
// load calendar events
|
|
142
157
|
const events = [
|
|
143
158
|
{
|
|
144
|
-
start: "
|
|
145
|
-
end: "
|
|
159
|
+
start: "2025-03-18T11:00:00",
|
|
160
|
+
end: "2025-03-18T14:00:00",
|
|
146
161
|
id: 1,
|
|
147
162
|
text: "Event 1",
|
|
148
163
|
barColor: "#f37021"
|
|
149
164
|
},
|
|
150
165
|
{
|
|
151
|
-
start: "
|
|
152
|
-
end: "
|
|
166
|
+
start: "2025-03-19T11:00:00",
|
|
167
|
+
end: "2025-03-19T14:00:00",
|
|
153
168
|
id: 2,
|
|
154
169
|
text: "Event 2",
|
|
155
170
|
barColor: "#cc004c"
|