Questions Tagged javascript
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.
Undefined, Events Do not load on Mobile IOS Android
I've tried the example code at https://code.daypilot.org/84763/html5-scheduler-for-touch-devices-ipad-android-php-javascript It works perfectly on desktop, however on IOS and Android (regardless of m...
How to remove orange rectangle with text "DEMO" from month view of daypilot?
Answered: It looks like you have used DayPilot Pro (the paid version) in your project. 1. You can use DayPilot Lite (open-source) instead - but it doesn't include all Pro features: https://javascript.daypilot....
How to set Cells/Columns in View vs. Scroll
Answered: By default the Scheduler width is set to 100% - that means it will change for different browser window widths. The auto cell width mode (https://doc.daypilot.org/scheduler/auto-cell-width/) calculate...
General questions
Answered: 1. No, this project includes a trial version of DayPilot Pro and is limited to testing and evaluation purposes, for 60 days. You need a DayPilot Pro for JavaScript license to use it in production (ht...
Scheduler hangs when drag/drop event from one scheduler instance to the next with autoScroll set to Drag
Answered: Thanks for the update! It turned out that there was a bug in onScroll() call. It's fixed now in the latest build (2018.1.3185) - please let me know if the problem persists. The development builds are...
Non-passive event listener
Answered: Please see the following docs topic for Scheduler scrolling performance tuning options: https://doc.daypilot.org/scheduler/scrolling-performance/ It's necessary to keep the total DOM size as small as...
Getting error while building angular app after installing daypilot package
Answered: DayPilot 2018.1.3169 is fully compatible with Angular 5. I've just tried to create a new Angular 5 project (@angular/core version 5.2.5) using Angular CLI 1.5 and Angular 1.7 - both seem to work fine...
Daypilot C# Get Selected Day
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...
Scheduler right click context menu for multiple event selections
Answered: You can get a list of selected events using DayPilot.Scheduler.multiselect.events() method: https://api.daypilot.org/daypilot-scheduler-multiselect-events/ You can call this method in the onClick eve...
Change/Offset the visible date while selecting dates in scheduler
Answered: Please take a look at eventEndSpec property: https://doc.daypilot.org/scheduler/event-end-date-time/ You can also customize the tooltip HTML directly using onTimeRangeSelecting event handler (args.ri...
setScrollY in event scheduler jquery
Answered: The initial scrollbar position is set to the hour of day defined using businessBeginsHour. You can also set a custom position using scrollToHour() method: https://api.daypilot.org/daypilot-calendar-s...
How can i extract data from application
Answered: The Tennis court tutorial (https://code.daypilot.org/11478/html5-tennis-court-reservation-php-javascript) stores the data in a SQLite database that is created automatically when you start the applica...
Schedular selected event backcolor
Answered: The Scheduler will apply "scheduler_default_selected" CSS class to the selected event (for the default theme). The default CSS looks like this:
.scheduler_default_selected .scheduler_default_event_...
Vertical movement of event does show event during moving on timesheet
I have an angular5-app, based on your demos, and switched to the viewtype="Days". Event-Moving is working, however, during the move the event is not shown. Here my config: config: any = { locale: "de...