Questions Tagged javascript

Answered: Hi! I answer my own question. In the calendar.component.ts, on the createdClosed function there is an error: createClosed(args) { /* This function gets called twice, first args is undefined, the seco...

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...

Answered: The original data object is available as DayPilot.Event.data property (see also https://api.daypilot.org/daypilot-event-data/ ). Most event handlers make DayPilot.Event object available as args.e, so...

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...

Answered: You can see a live demo of the Scheduler here: https://javascript.daypilot.org/demo/

Answered: This doesn't work because the HTML doesn't get compiled using Angular. It looks like it might be possible to support it in the future it looks like it would also add a lot of overhead (the time heade...

Answered: The open-source version doesn't include any built-in UI mechanism for deleting events (compare with the options available in the Pro version - https://doc.daypilot.org/calendar/event-deleting/ ). I r...

Answered: The Scheduler works with an idealized timezone that is based on UTC. It mean all dates need to be supplied without the timezone specification. If you specify the timezone it will be used to convert t...

Answered: It looks like the 'ODBC' user doesn't have sufficient permissions (to access the database). See also: https://dev.mysql.com/doc/refman/5.7/en/privilege-system.html

Answered: Use: days: 7, instead of days: new DayPilot.Date().dayOfWeek(),

Answered: The events.remove() method requires DayPilot.Event object. This is the recommended way to add a custom icon with an onclick event handler (using an active area): <div id="dp"></div> <script type="tex...

Answered: This was a bug of the last release. It's fixed now in version 8.4 SP3: https://javascript.daypilot.org/daypilot-pro-for-javascript-8-4-sp3/

Answered: This is a line that is highlights places where the timeline is interrupted (a cell doesn't start at the same time where the previous cell ends). You can override the CSS manually like this (for the d...

Answered: If you add events using .events.add() you don't need to call .update() to apply the change. The Scheduler will be updated automatically. Also, calling .update() in every iteration of the loop is very...

Answered: It looks like you are calling the .update() method too much. The update() is performed asynchronously a multiple simultaneous calls may disrupt the display. It's not necessary to call .update() befor...

Answered: You can use the browser console to check if there is any error in the input data. Just type: dp.resources to see the resources array. The trial version will display 71 rows without any problem. The f...

Answered: There is now a new tutorial available that shows how to load resources and events in JSON format from a server-side endpoint created using ASP.NET Core: https://code.daypilot.org/99410/javascript-htm...

Answered: As far as I can see there is a problem with double-clicking the grid when timeRangeSelectedHandling is set to "Disabled" (the default value is "Enabled") and timeRangeSelectedDoubleClick is set to "E...

Answered: You can simply delete the othe doctors in the database ('doctor' table).

Answered: As noted in the tutorial text, the project download includes a trial version of DayPilot Pro that displays the DEMO label. It's licensed for evaluation purposes only. If you want to use the tutorial ...

Answered: Worked out the issue, need to set the header to json reponse header('Content-Type: application/json');