Agent-readable demo data

Title

Event Deleting (Monthly Event Calendar) | DayPilot Pro for JavaScript Demo

Tree

DayPilot JavaScript Demo

Catalog root

Default

Description

Read more about event deleting [doc.daypilot.org].

• Canonical HTML: /demo/month/eventdeleting.html
• Markdown companion: /demo/month/eventdeleting.md
• Folder: /demo/month/
• Root: /demo/
• Catalog: /demo/llms.txt

Inline demo script 1

var dp = new DayPilot.Month("dp");

        // behavior and appearance
        dp.cellMarginBottom = 20;

        dp.bubble = new DayPilot.Bubble({
            cssClassPrefix: "bubble_default",
            onLoad: function (args) {
                var ev = args.source;
                args.html = "testing bubble for: " + ev.text();
            }
        });

        // view
        dp.startDate = "2026-03-25";  // or just dp.startDate = "2026-03-25";

        // generate and load events
        for (var i = 0; i < 10; i++) {
            var duration = Math.floor(Math.random() * 1.2);
            var start = Math.floor(Math.random() * 6) - 3; // -3 to 3

            var e = new DayPilot.Event({
                start: new DayPilot.Date("2026-03-04T00:00:00").addDays(start),
                end: new DayPilot.Date("2026-03-04T12:00:00").addDays(start).addDays(duration),
                id: DayPilot.guid(),
                text: "Event " + i
            });
            dp.events.add(e);
        }

        // event moving
        dp.onEventMoved = function (args) {
            dp.message("Moved: " + args.e.text());
        };

        // event resizing
        dp.onEventResized = function (args) {
            dp.message("Resized: " + args.e.text());
        };

        // event creating
        dp.onTimeRangeSelected = function (args) {
            var name = prompt("New event name:", "Event");
            dp.clearSelection();
            if (!name) return;
            var e = new DayPilot.Event({
                start: args.start,
                end: args.end,
                id: DayPilot.guid(),
                text: name
            });
            dp.events.add(e);
            dp.message("Created");
        };

        dp.eventDeleteHandling = "Update";

        dp.onEventDeleted = function (args) {
            dp.message("Event deleted: " + args.e.text());
        };

        dp.onHeaderClicked = function (args) {
            alert("day: " + args.header.dayOfWeek);
        };

        dp.onBeforeEventRender = function (args) {
            // disable deleting for events with "1" in the text
            if (args.data.text.indexOf("1") !== -1) {
                args.data.deleteDisabled = true;
            }
        };

        dp.init();