Questions Tagged typescript
update is Undefined (Calendar)
Answered: The value of "this.$refs.calendar" will be null before the component is mounted. That means the computed "calendar()" method will return null as well. If you call "loadEvents()" too early it will thr...
multiple event
Answered: This is not supported in the Calendar component at the moment but you can take a look at the Scheduler component which can group concurrent events automatically: https://doc.daypilot.org/scheduler/co...
Multiple event show +1
Answered: > If we have multiple event can we show +2 or +3 etc Please see my answer here: https://forums.daypilot.org/question/5848/multiple-event > in weekly can we change date format You can change the calen...
php hotel room booking
Answered: You can find the licensing options at the Buy page: https://javascript.daypilot.org/buy/
Eventos
Answered: Please take a look at this tutorial - it shows how to load calendar events from a database: https://code.daypilot.org/50175/angular-appointment-calendar-component-typescript
Binding Jquery datatable with vue scheduler
Answered: It is possible to activate any DOM element as draggable to the Scheduler. If you have access to the row items in the jquery datatable then you can using DayPilot.Scheduler.makeDraggable() method to a...
How to format timeheader "Week"
Answered: Yes, you can do it using onBeforeTimeHeaderRender event handler:
import {Component, ViewChild, AfterViewInit} from '@angular/core';
import {DayPilot, DayPilotSchedulerComponent} from 'daypilot-pro...
Missing typing in DayPilot.GanttPropsAndEvents
Answered: Hi Hicham, This should be fixed now in the latest sandbox build (2021.4.5152). Thanks for reporting the issue!
Property 'makeDraggable' does not exist on type 'typeof Calendar'.
Answered: The DayPilot.Calendar.makeDraggable() method was missing in the TypeScript definitions. It's now added in the latest sandbox build (2021.1.4829). As a workaround, you can cast the DayPilot object to ...
Console.log display error unique ID
Answered: Unfortunately, I'm not able to reproduce the problem using the sample project. Please note that duplicate IDs are not allowed. Every event that you add to the Scheduler needs to have a unique ID ("id...
For Database
Answered: There is no specific PostgreSQL tutorial available but you can check the Angular + MySQL tutorials: https://code.daypilot.org/tutorials/mysql+angular In order to switch the tutorials to MySQL you'd n...
Display public holidays from date given
Answered: It's necessary to specify the holidays using full date, i.e. you need to specify it for all years that are applicable.
DayPilot.GanttConfig doesn't include onRowCreate
The type definitions of Daypilot.GanttConfig (daypilot-pro-angular 2020.1.4216.) Don't include the function type OnRowCreate Nor is it included in the api docs https://api.daypilot.org/daypilot-gantt...
Multiple resources header
Answered: The Calendar can display a hierarchy of columns, just use the "children" property to specify child columns. You can also set the date for each column using the "start" property. See also: https://doc...
Customer Event Add Modal
Answered: When the users selects a time range the Scheduler fires the onTimeRangeSelected event:
onTimeRangeSelected: args => {
this.create.show(args);
}
You can modify the event handler to...
Regarding Date
Answered: Please take a look at this tutorial which shows how to let users change the visible range: https://code.daypilot.org/27338/angular-scheduler-date-navigation
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/
resource calendar
Answered: You can disable selected grid cells to make them unavailable for drag and drop operations: https://doc.daypilot.org/scheduler/disabled-cells/ See also the following tutorial that shows how to define ...
Bubble is positioned incorrectly (Angular 2+)
Hi I added dynamic tooltip in daypilot event calendar but the popover is seems to be misplaced. Please have a look at screenshot attached
Filter by Group
Answered: Yes, this is possible:
dp.onRowFilter = function(args) {
if (args.row.name.toUpperCase().indexOf(args.filter.toUpperCase()) === -1) {
args.visible = false;
}
var parent = ar...
Can anybody explain me how to show bubble in daypilot calendar Angular 6+
Answered: Please see the answer here: https://forums.daypilot.org/question/4729/add-popover-on-click-of-event-on-schedule-calendar-js-angul
Scheduler Grid HTML File
Answered: The Scheduler grid can be customized using the API, such as onBeforeCellRender event handler (see https://doc.daypilot.org/scheduler/cell-customization/). The full version includes unminified source ...
2 rows for one resource
Answered: It is possible to display two rows for each resource: 1. The resource id needs to be unique. This can be done by prefixing a certain string to the resource id, e.g. "R" + id for reservations rows, "I...
Open source version of Kanban board
Answered: Unfortunately, the Kanban board component is only available in DayPilot Pro (paid version). See also the feature matrix: https://javascript.daypilot.org/feature-matrix/
Increase the height of the DayPilot Calendar control to fit its parent dynamically
Answered: Please see the following tutorial for a working example (Scheduler with heightSpec set to "Parent100Pct"): https://code.daypilot.org/75104/angular-scheduler-full-screen-layout
How to switch between the Day,Week and Month view in Angular4
Answered: Please see the following sample project that shows how to implement a calendar with day/week/month views: https://code.daypilot.org/30451/angular-calendar-day-week-month-views
Drag and drop into Angular schedular
Hi there Is it possible to drag and drop an external object into the Angular scheduler? Do you perhaps have an example or demo of dragging and dropping from another component into the scheduler?
Angular4 DayPilot question related to click handler
Answered: At this moment Angular templates are not supported in active area HTML. However, a solution is in the works and it will be available within a couple of weeks.
How to render component in event areas's html?
I have tried loading a component (<tw-popover-teams></tw-popover-teams> ) in 'html' of event areas but could not achieve. Please suggest. args.e.areas.push({ right: 6, bottom: 0, left: 0, visibility:...
How to remove default mousedown event on calendar events?
Answered: It's not possible to remove event handlers from the event div. However, you can handle onAfterEventRender event to get access to the event div and customize it. The event consists of two main <div> e...
Questions 1-30 of 59
Next