Questions Tagged javascript
Android tap on event triggering time range selected in month Daypilot.Month view
IOS works fine however taping on an existing event in the Daypilot Month view using an android devices is also causing the onTimeRangeSelected to be fired shortly afterwards.
box.html in Gantt Task not displayed of a GroupTask
Setting the box.html is not displayed. See following in documentation box.html (if not specified, complete percentage is used for tasks, empty string for groups and milestone) Setting box.htmlLeft ha...
problem with overlaps in Server.
Answered: The Scheduler supports client-side overlap detection (https://doc.daypilot.org/scheduler/event-overlapping/). This helps with real-time UI feedback but it's also necessary to implement server-side va...
Row Filter
Answered: Since build 2535 you can call
dp.rows.filter("filter");
before .init() to apply the filter. You can get the latest build in the sandbox: http://javascript.daypilot.org/sandbox/ Let me know if it ...
New Version Release For Paid Versions
Answered: Richard, You can download it in the customer area: https://www.daypilot.org/customers/
How do you delete an event?
Answered: The Lite edition doesn't support the built-in "delete" icon like the Pro version: https://doc.daypilot.org/calendar/event-deleting/ The best way would probably be to add a "Delete" button to the moda...
DayPilot Scheduler is slow in IE (only in IE)
Hi, Hope you could help me. We are using Scheduler v8 (Pro) and got an issue that it's really slow in IE (10, 11, Edge). Everything is fine in Chrome and Firefox, though. I've tried to disable nearly...
Multiple grouping per row (Sheduler)
Hello, we would like to buy your pro edition, but we would need another feature for the Scheduler, Is there a way to group multiple events inside a group? I found the "Concurrent Event Groups" (https...
DayPilot.Scheduler.onIncludeTimeCell doesn't render custom scale correctly
Answered: The onIncludeTimeCell event handler acts as a filter - it's applied after the timeline is generated. You can also generate the timeline manually using scale: "Manual" mode. This will give you better ...
Pro License concerned
Answered: The "DEMO" label indicates that you are using the trial version of DayPilot Pro. If you want to use the Pro version you'll need to buy a license. The trial period is limited to 60 days.
timeRangeSelectingStartEnd - end day minus 1
Dear All! When I select, let's say, Nov. 10.-15 these 5 days are highlighted. But the bubbles (or however you call it - I can format them via timeRangeSelectingStartEndFormat) shows on the right of m...
HTML5 Tennis Court Reservation for asp.net webforms
I am looking court booking and came across day-pilot Tennis court booking code sample https://code.daypilot.org/11478/html5-tennis-court-reservation-php-javascript Could you please tell me if you sam...
Set timerange to 8 am until 3am the next day
Answered: Rik, I didn't check the actual logic of your sample but the result should be set using args.cell.visible property instead of the return statement. See also: https://api.daypilot.org/daypilot-schedule...
DayPilot.Scheduler.makeDraggable Not supported in Angular2?
Answered: and here it is:
import { Directive, ElementRef, Input, AfterViewInit } from '@angular/core';
import { DayPilot } from 'daypilot-pro-angular';
@Directive({ selector: '[makeDraggable]' })
expo...
How to load properly load resources and events on Scheduler
Answered: After a day of work I managed to do it but still don't know if I am doing it correctly but it works. I created the scheduler object and when I got to resources I did an Ajax quest just for it and the...
How to execute using MySQL instead of SQLite?
Answered: The default MySQL port is 3306 so keep that value (unless you have changed the port in your MySQL installation). As far as I can see there are no extra backticks in the SQL commands. Your _db.php sho...
Clear all the events from the calendar with javascript
Answered: Hi Philippe, The events are stored in .events.list array - so you can do something like this:
dpc1.events.list = [];
dpc1.update();
See also: https://api.daypilot.org/daypilot-calendar-events-li...
How to limit appointment time only to 30 minutes?
Answered: 1. The default appointment slot duration is set in "backend_create.php" file using $slot_duration variable:
$slot_duration = 60;
You can change it as needed. 2. Yes, you should change sesion_id t...
Calendar events not updating
Answered: 1. If you have a complete data set that you want to display (i.e. you don't plan to apply any "diff" to the event set) the recommended way is to assign the array directly to .events.list:
vm.calend...
Angular2 scrollTo() on click event
Answered: This issue should be fixed now in the latest sandbox build (8.3.2510): https://npm.daypilot.org/ You can use the following code to keep the current position when changing the scale/cellDuration/cellW...
How-To: Change Week Start for DayPilot.Calendar (Week View)
Hi, How can I change the week view start day? It keeps defaulting to Sunday to Saturday. I would like to have it as Monday to Sunday. Please see attached image. Navigator is correct but Calendar not....
Resources not showing with dynamicLoading = true
Answered: I figured out what the problem was after testing my data on the dynamic example. I had not added args.loaded() in my onScroll function. After adding that the rows are loaded correctly, but with a del...
JavaScript month calendar: drag & drop
Hi, Is there any support for dragging and dropping of events in the month calendar control? If so, could you please elaborate? Thanks! Richard
Get Resource Parent ID
Answered: You can do it like this:
var parentId = dp.rows.find("A").parent().id;
See also: https://api.daypilot.org/daypilot-scheduler-rows-find/ https://api.daypilot.org/daypilot-row-parent/
Display google calendar data in DayPilot
Is there a way / tutorial how to display google calendar data on the fly in DayPilot scheduler?
onRowFilter - error on cells.all()
Answered: This event handler is called during the update process. The rows.cells.all() method will only work correctly when the update is complete. What would you like to achieve? Hide a row that doesn't have ...
design
Answered: You can customize the appearence by creating a custom CSS theme. You can use the online theme designer to generate a new theme: http://themes.daypilot.org/ The generated CSS file can be also customiz...
Using Scheduler as syntax with events
Answered: Your setup seems to overwrite the "events" property of the DayPilot.Scheduler object somewhere. The events property holds not only the event data (events.list) but also other methods (events.update()...
Ctrl+Shift Keys
Answered: Workaround done. Problem fixed. Handling the onEventRightClick Event. if (args.originalEvent.ctrlKey==true) { args.preventDefault(); }
Disable Room booking for Past Dates
How can i Disable New reservation pop up opening for Past Dates?