search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged typescript

Mutliselection

Answered: I’m not sure if that’s what you mean but in the Calendar component in the Pro version, it is possible to select multiple events and then delete them using the API (use multiselect.events() to get a l...

How to edit Queue items

Answered: To edit the queue items, you can add another item (“Edit”) to the context menu: It will open a modal dialog with task details: This context menu can be defined like this: queueConfig: DayPilot.QueueC...

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.
Questions 1-30 of 61 Next