Answered: The onIncludeTimeCell logic should look like this (it works for two days and scale="Hours" ): onIncludeTimeCell: (args) => { const businessStart = 21; // 9 PM (21:00) const businessEnd = 6; // 6 AM (...
Answered: You can add custom elements to the time header using active areas ( demo ): You can either create a special row for this bar or add it to an existing row.
Answered: The Scheduler supports inline editing of the row header. However, you can only edit the first row header column at the moment: https://doc.daypilot.org/scheduler/row-editing/
Answered: Please take a look at the following tutorial: https://code.daypilot.org/49959/javascript-scheduler-show-hide-columns-using-context-menu It uses a context menu to show/hide individual row header colum...
Answered: In older DayPilot versions (including 2019 versions), the event handler object (args) was not typed (type any). The args.originalEvent holds a MouseEvent object (unmodified event object from the clic...
Answered: By calling setTimeout() in onEventMove you create a new JavaScript message that will be processed later as the JavaScript event loop continues (see also https://developer.mozilla.org/en-US/docs/Web/J...
Answered: Workaround found. By creating a fake (hidden) iFrame and exporting the daypilot calendar to an image, you can place the image in the iframe and print the iframe. Like so: $("#print-button").click(fun...
Answered: The following tutorial includes a project that displays a drop-down list with locations: https://code.daypilot.org/61166/php-shift-planning-javascript-html5-mysql-database When a user selects an item...
please i need help, the modal 'Edit appointment slot' works well just the status and the name and the button 'save' :/ i dunno why? and also i wanna ask about the documentation they said: "As soon as...
please i need help, the modal 'Edit appointment slot' works well just the status and the name and the button 'save' :/ i dunno why? and also i wanna ask about the documentation they said: "As soon as...
Answered: You can make it read-only by disabling the drag and drop actions one by one: @Html.DayPilotMonth("dpm", new DayPilotMonthConfig { BackendUrl = Url.Content("~/Home/Backend"), EventMoveHandling = DayPi...
Answered: If you set StoreTasksInViewState="true" the current state of the whole task hierarchy will be saved in the ViewState and it will be available on the server side during PostBacks.
Hi, I am building a master rota using Daypilot. I only care about Monday -Sunday. I don't care about DATES, just DAYS. E.G a shift created on a Monday between 2-4 will be there every Monday between 2...
Answered: The first day of week is determined by the Calendar locale. The default locale is "en-us" which uses Sunday as the first day of week. You can switch to one of the predefined locales ( https://api.day...
Answered: The event tooltip is enabled by default (ShowToolTip property is set to true). The default tooltip uses the event text (loaded from the field specified using DataTextField). You can also customize it...
I want to change the Date and time position of Daypilot calender from horizontal to vertical. here is the link: https://code.daypilot.org/17910/html5-event-calendar-open-source Thanks
Answered: There are two versions of DayPilot: DayPilot Lite (open-source) https://javascript.daypilot.org/lite/ DayPilot Pro (commercial) https://javascript.daypilot.org/try/ This tutorial ( https://code.daypi...
Hi I am new to Day Pilot Scheduler. I have referred this link https://code.daypilot.org/54503/angularjs-timesheet-tutorial-javascript-php here this link has both javascript (angularjs) and PHP for me...
Answered: The constructor has a second parameter which lets you specify whether to use the GMT base or local representation of Date object. This call will use the local representation: var local = new DayPilot...
Answered: OK. Finally got this to work. this was my final version: var image = this.$scope.dps.scheduler.exportAs("SVG" ,{ area: "range", dateFrom: this.formatDate(fromDate), dateTo: this.formatDate(toDate), q...
Answered: Hi Devendra, Have you seen this thread? http://forums.daypilot.org/Topic.aspx/3626/angular2-scheduler-performance-issue-after-upgrade The latest Angular 2 version (2.3+) degrades Scheduler performanc...
Answered: The download package includes binaries for MVC3, MVC4 and MVC5. The demo that is included is configured to run with MVC4. You can switch the demo to work with MVC5 (updating the references and web.co...
Answered: It looks like you are using the Lite (open-source) version that doesn't support these features. See also the "Availability" table at the bottom of the documentation pages: https://doc.daypilot.org/sc...