Questions Tagged javascript
Max and Min dates irrespective of view port
Would greatly appreciate if you tell us how to obtain the Min and Max dates of all data loaded into the Scheduler irrespective of the View Port. Thanks
Scheduler: Cannot read properties of null (reading 'calendar')
Answered: Hi Leo, The error #2 should be fixed now. There was an issue with events located next to a disabled parent row (treePreventParentUsage: true) when you tried to move them into the disabled row and sta...
Is it possible to supply a default value for the "searchable" daypilot modal form
I would like to set an initial/default value when opening a form for a field with the type "searchable", is it possible? Matching by key from data object does not work
Display of events takes too long
Answered: By default, events are rendered progressively and there is a small debouncing delay that makes the scrolling smoother. You can either turn progressive rendering off using dynamicEventRendering or you...
Custom today text
Answered: I assume you mean the DayPilot.DatePicker component. In the latest sandbox build (2025.3.6533), you can now set a custom text of the “Today” button using the todayText property: const picker = new Da...
Only show link when an event is hovered
How would I show the link for an event but only when that event is moused-over? I would like to show links between events but I also want to avoid overcrowding the display with too many links.
Year view Bug in Scheduler
Ever since the new Year view feature, our zoom level which we had as follows is now not working. zoomLevels: [ { name: "Year", properties: { scale: "Month", cellWidth: 87, timeHeaders: [{ groupBy: "Y...
An Empty Scheduler Error
Answered: datePattern is a property of DayPilot.Locale. You might want to check the locale value - it must be either a DayPilot.Locale object or a string identifier of a registered locale.
[Calendar] Clicking anywhere in the Calendar triggers a click in another cell ever since upgrading to 3.33.0 and later (4.2.0 current latest version)
Answered: This looks like a regression of a bug that was fixed in 3.32.1 (incorrect args.cell.start/end in onTimeRangeSelect/onTimeRangeSelected events when heightSpec is set to "BusinessHoursNoScroll"). It sh...
DayPilot.Scheduler selection incorrectly selects all events in box
Answered: Hi Leo, This should be fixed now in the latest sandbox build (2025.3.6530). Please let me know if the problem persists.
[Calendar] Snap to current during resize
The recently added option to support never using event boxes and snapping to grid was a great and well welcome addition to my project. Another feature I immediately thought of that would be useful fo...
Chromium browsers: Cannot read properties of null (reading 'client')
Answered: There is a small delay before the tap-and-hold event action (moving, context menu) is activated (defined by tapAndHoldTimeout). If the event is deleted during this time, you may see this error. In th...
Missing types for DayPilot.Gantt
Answered: The missing TypeScript definitions have been added now in the latest sandbox build (2025.3.6529). The only exception is DayPilot.GanttBeforeCellRenderArgs.cell.areas - this is already available but i...
DatePicker
Hi The DatePicker/Navigator seems to be verylimited in functionality. For example if we want the user just to select year only, we cannot do that. If we want the user to select date and time, we cann...
Best SaaS license
Answered: It looks like you will need the “SaaS Team” license that includes 1 application, unlimited deployed instances (e.g., for scalability or failover purposes) and covers up to 5 developers. Just make sur...
Navigator update
Answered: Most likely, you are using a reference to an old instance that has been disposed already. So I recommend checking how you get the reference and make sure that it’s not an obsolete one.
Need to Sticky Calendar Header on Top
Answered: You can look at the height options, especially heightSpec: "Parent100Pct". This setting makes the Calendar component expand to fill its parent element. A vertical scrollbar is added automatically, so...
Scheduler dynamically change the height config and update visually
Answered: Have you tried using heightSpec: "Max100Pct"? This option is designed exactly for this use case. It will automatically stretch the height as needed, up to 100% of the parent div - then a vertical scr...
Possibility to prevent the text to get highlighted when start editing an event with Scheduler.control.events.edit(event)
Answered: You can cancel the selection and place the caret at the start using the onAfterEventEditRender event: onAfterEventEditRender: args => {
setTimeout(() => {
args.element.setSelectionRange(0, 0)...
onEventEditKeyDown acces current text
Answered: In onEventEditKeyDown, the args.element property stores the <textarea> element used for editing. You can get the current text using args.element.value.
Export Data Issue in RTL
Answered: At this moment, the image export of the Calendar component doesn’t work for RTL. This feature is in the queue and it will be implemented in the near future.
Unexpected vertical scrolling behavior in Resource View since version 2023.4.5839
Answered: Hi Roman, Since version 2023.4.5839, the Calendar resources view supports a vertical timeline longer than 1 day. To display only 1 day on the vertical axis, you need to set the days property to 1. Pl...
Scheduler: Infinite Scrolling issues on iOS
Answered: Hi Leo, It should be fixed now in the latest sandbox build (2025.3.6524). Please let me know if the problem persists.
Inline Editmode Event size
Answered: You can use the eventEditMinWidth property to control the width. The Scheduler uses whichever is larger: the event’s width or the value of eventEditMinWidth.
How to implement Dynamic Data Loading in angular gantt chart
In my application I have very large number of dataset or tasks to be loaded(eg- 100000+ data), so that loading these much data initially is not a good a idea so i plan for dynamically loading on scro...
Client-Side JPEG Export for custom headers and custom Event content
Answered: The capabilities of the image export are limited. Basically, you can export plain text and active areas. If you need an exact copy and are happy with the current viewport, it’s better to make a scree...
12pm is logged in the database as 24 hours later
Answered: This behavior is correct, if you add 10 hours to "2025-06-10T14:00:00", you will get the end of June 10, which is "2025-06-11T00:00:00". There is a related setting (the eventEndSpec property) in the ...
Date Format
Answered: The toString() method should work: > new DayPilot.Date("2025-06-10T00:00:00").toString("yyyy-MM-ddThh:mm:ss");
"2025-06-10T00:00:00" If you want to convert it to Date, you can use toDateLocal() to g...
Is it possible to have a sort of resource filter on the calendar?
Answered: You can start with the following tutorial which displays a resources calendar similar to yours (time on the vertical axis, resources/providers on the horizontal axis): JavaScript Resource Calendar Tu...
Questions 1-30 of 2095
Next