DayPilotSynchronizing Scheduler data
Hello, I am trying the library for my company. There is one specific requirement that is being able to have a window with several schedulers, and at the latest position, one readonly scheduler with t...
Active Questions
Selecting cell on the calendar from select box
Answered: It's possible to create a time range selection using the API - use selectTimeRange() method: https://api.daypilot.org/daypilot-scheduler-selecttimerange/Traversing events vertically within a column
Answered: It's possible to use events.forRange() method. It's now included in the API docs as well: https://api.daypilot.org/daypilot-scheduler-events-forrange/Angular Scheduler button onclick changes time header
Answered: If you change the config.scale value in the button onClick handler the change will be detected and applied automatically. You can also check the following tutorial which shows how to apply different ...Scheduler afterEventRender
Hello Dan, I am using the scheduler (javascript version) and I am using signalR to broadcast the changes made to the events to all other connected clients. And while waiting for a server response I d...JSX support for corner html in react
Answered: The same mechanism (onBefore*DomAdd event) is supported for event and time header cells as well. Please see the following tutorials: Rendering JSX in events: https://code.daypilot.org/50584/react-sch...How can i set Day-pilot start and end hours as 8am to 8pm ?
Answered: You can use dayBeginsHour and dayEndsHour properties, please see an example here: https://doc.daypilot.org/calendar/overnight-scheduling/Angular Gantt Chart replace onrowcreate with button
Answered: You can use your own button and add a new record to config.tasks property (Angular will detect the change) or you can use the direct API tasks.add() method: https://api.daypilot.org/daypilot-gantt-ta...Javascript Event Calendar Modal Update
Answered: You can simply use JavaScript/jQuery to modify the page content. If needed, you can call stretch() to update the modal dimensions to fit the content: https://api.daypilot.org/daypilot-modal-stretch/ ...Hotel Reservation winform version
Answered: Unfortunately, DayPilot is an JavaScript/HTML5 component and it only works in a browser.How to combine this with the HTML5 Room Booking system
Answered: Hi Jorma, You'll need to add a new field to the database (if you don't have one that holds the information already). Then you need to add it to the JSON output in backend_events.php: // ... foreach($...Manual timeline starting from hour, minute etc misaligns with cells
Answered: The time headers follow the "groupBy" specification. If you use groupBy: "Day" the time headers cells with start at 00:00 and end at 24:00 (00:00 the next day). In this case, it doesn't depend on the...Use Postgres
Answered: Solved! The statement I wrote in the original question is correct. The issue was the SQL syntax. I did not use the right syntax for postgres, which is a bit different from SQLite of MySQL.How can I add full calendar to Spring Boot MVC (Gradle) and Hibernate
Answered: You can take a look at this example that uses DayPilot Pro: https://code.daypilot.org/41760/using-javascript-html5-event-calendar-in-spring-boot-java The Maven config used in this project is very bas...Setting start time for the scheduler
Answered: The Scheduler always uses the date part of the startDate to calculate the timeline. 1. If you use scale units smaller than 1 day you can hide selected time cells using onIncludeTimeCell event handler...React scheduler executes something despite props not being updated
Answered: Unless something significant has changed in React with the introduction of state hooks, it works like this: React uses a single immutable state object to store the state items. Whenever you change an...How do I can drag and prop some react component on the scheduler ?
Answered: There is now a new tutorial available that shows how to drag external items to the Scheduler in React: https://code.daypilot.org/85690/react-scheduler-external-drag-and-dropSetting custom html for time header in react
Answered: You can insert a React component using onBeforeTimeHeaderDomAdd: onBeforeTimeHeaderDomAdd: args => { args.element = <jsx>; } See also a related tutorial (on rendering JSX components in row headers): ...Date.firstDayOfWeek doest take any arguments according to typescript daypilot-react.min.d.ts
Answered: This should be fixed now in the latest sandbox build (2019.4.4095).How to change time header in calendar, I would like to show resources in the header and days on the y-axis
Answered: This is in the plan but unfortunately it's not available yet. At this moment, the Calendar can only show up to 24 hours on the vertical axis.