Questions Tagged javascript
Angular 6 error
Answered: Martin- Angular 6 requires DayPilot Pro version 2018.2.3281 or later: https://javascript.daypilot.org/daypilot-pro-for-javascript-2018-2-3281/ I'm not able to reproduce the error with that version. T...
Filtering
I believe I have found a bug with the filtering function. I have two different pages on my web site with two different occurences of the Daypilot scheduler, and the filtering is working nicely on of ...
Angular 6 issue
Answered: This looks like a bug of Angular CLI. There seems to be a problem with all dependencies that are not stored in the npmjs registry (such as tarball and git sources): https://github.com/angular/angular...
Window resize cell line miss mach with time cell.
Answered: I'm not able to reproduce the problem in any major browser (Chrome, Firefox, IE, Edge). You might be using a custom CSS theme that prevents proper scaling.
backend_delete
Answered: Please take a look at the documentation: https://doc.daypilot.org/calendar/event-deleting/ You need to use onEventDelete event handler to call backend_delete.php endpoint on the server side. You need...
Scheduler - Row header columns export issue
Answered: There was a bug which caused the width of the first column to be calculated incorrectly - that made the text invisible for args.horizontalAlignment = "center". It should be fixed now in the latest sa...
Identify whether Event is selected or not
Answered: Please see multiselect.isSelected() method: https://api.daypilot.org/daypilot-scheduler-multiselect-isselected/
Issue "TypeError: e.copy is not a function [Learn More] daypilot-all-pro.min.js"
Answered: The dp.events.update() method (https://api.daypilot.org/daypilot-scheduler-events-update/) requires a DayPilot.Event object (https://api.daypilot.org/daypilot-event-class/) as a parameter. You can ge...
Histogram support
Answered: Unfortunately a histogram is not available at the moment. There is a similar feature that you might be able to use to display the resource utilization/overbooking: https://javascript.daypilot.org/dem...
Renewal option
Answered: You can renew later but the renewal will always start on the expiration date.
Angular CLI - Module build failed: RangeError: Maximum call stack size exceeded
Answered: I've tested a clean new project generated using Angular CLI 1.7.4 and it works fine. After adding DayPilot Pro 8.4.3056
npm install https://npm.daypilot.org/daypilot-pro-angular/trial/8.4.3056.tar....
AllowEventOverlap for specific resources
Answered: Just in case anybody stumbles over this problem or wants to achieve something similar I found this page (https://doc.daypilot.org/scheduler/event-moving-customization/) very helpful. You can basicall...
Can't drag events when a cell is disabled
When I disable a cell and try to drag an event that starts (or ends) outside the current view to another enabled cell, I get the above error on console. Nothing happens after it. ERROR TypeError: Can...
Update multiple Event to server in loop
Answered: If you have 300 events in events.list this code will fire 300 HTTP requests which will complete in more or less random order. In the success callback, you are requesting a full update() - the update ...
addClass for cell?
Answered: You can use DayPilot.Util.addClassToString() helper method:
args.cell.cssClass = DayPilot.Util.addClassToString(args.cell.cssClass, "my-class");
This will handle the spaces and also check if "my-...
Daypilot scheduler 2018.1.3203. showNonBusiness false still shows weekends
Answered: This behavior was caused by a bug. It's fixed now in the latest sandbox build (2018.2.3214): https://javascript.daypilot.org/sandbox/ Please let me know if the problem persists.
Event Calendar
Answered: Have you checked the docs? https://doc.daypilot.org/scheduler/event-deleting/
calendar ScrollPosition
i have a calendar with "days" view configured it shows all days of a daterange of 2 months (ca 62 days) dp.days =7 (because i only wanna see 7 days and scroll horizontally to the rest of the days) ho...
Load blocked cells via ajax?
Answered: You can store your period data in resources[] or in a global array and use onBeforeCellRender to check overlaps with the current cell. There is an Angular tutorial that shows how to do that - it's wr...
the patient interface doesnt allows entries or shows available slots
im running it on local server(wamp) manager can set schedule but the doctor or patient can not enter the data into the scheduled slots even after clicking on them any suggestions? i have uploaded ind...
Gantt graph appearance height
Answered: You can use dp.heightSpec = "Parent100Pct" to set the Gantt height to 100% of the parent element. Just make sure that the parent height is set explicitly (either using "height" style or using "top"/"...
Show bootstrap delete icon on the Event when hover.
Answered: First, you need to disable the built-in icon by removing eventDeleteHandling: "Update" from the config. Then you can add your own icon using an active area. See also: https://doc.daypilot.org/schedul...
Database
Answered: Javascript can't connect directly to a database, but it can request data from external pages, files. I use PHP, and a MS SQL database. I have created an API were I can request data for my scheduler, ...
Database
I have done everything and yet no error but when I insert a data, it does not show in my database. Please help. Thank you
Pro version breaks my AngularJs directive
Answered: DayPilot Pro uses a slightly different approach (compile + link) when registering the <daypilot-calendar> directive because the "replace: true" attribute used in the Lite version (which only uses lin...
Dynamic context menu in Angular
Answered: You can use onShow event handler of the context menu to adjust the menu items on the fly. Please take a look at the following sample project: https://code.daypilot.org/50232/angular-scheduler-dynamic...
Scheduler Event Context Menu during multiselect
Answered: You can get a list of all selected events using DayPilot.Scheduler.multiselect.events() method: https://api.daypilot.org/daypilot-scheduler-multiselect-events/
let events = this.scheduler.control.m...
Render Angular 5 component into DayPilotMonth cell template
Is is possible to render a angular component into DayPilotMonth cell template html? I'm trying to pass nativeElement as HTML attribute, but it doesn't work. Only renders "[object HTMLElement]". onBef...
Error Supplied data is not a JPEG
Answered: Yes, most likely there is a problem with exportAs(). Do you see any error message in the javascript console? Also, remember that exporting large Scheduler grids may hit the browser limits (most brows...
Scheduler row filter
Answered: Please take a look at this tutorial: https://code.daypilot.org/97960/html5-scheduler-hiding-rows-without-events You'll need to adjust the logic in onRowFilter event handler to use your criteria.