Questions Tagged javascript
Error when adding allday event in angular
Answered: This issue should be fixed now in the latest sandbox build (5836): http://mvc.daypilot.org/sandbox/ Let me know if there is any problem.
Ressource Tree Collapse JavaScript
Answered: Since build 2259, you can use DayPilot.Row.collapse() and DayPilot.Row.expand(): https://api.daypilot.org/daypilot-row-collapse/ https://api.daypilot.org/daypilot-row-expand/ In previous builds, you ...
How to scroll with mouse click and not with the mouse wheel SCHEDULER
Answered: You can scroll the grid using a "swipe" touch gesture. On touch devices, the time range selecting mode requires a "tap-and-hold" gesture to become activated. Before the selection is activated you can...
Scheduler not updating correctly the time when event moved
Hello guys, I was playing around with the scheduler and realized that if I use the scheduler to show only the hour, timeHeaders: [ { groupBy: "Month", format: "MMMM yyyy"}, { groupBy: "Day" }, { grou...
Scheduler - Row Header always keep Floating
I have set rowHeaderColumns (three columns with Name & width) & resources properties. The rowHeaderWidth is set to 200 & rowHeaderScrolling is set to true. The row headers & resources are appearing q...
Procedure for integrate daypliot js with jspm
Hi, I'm using version 8.2 for understanding scheduler hour view. Currently we are java script package modules(jspm) for loading front end modules. In the documentation i don't see any information rel...
How to change transition in daypilot scheduler
Answered: You can scroll to the specified date using .scrollTo() method: https://api.daypilot.org/daypilot-scheduler-scrollto/ Demo: http://javascript.daypilot.org/demo/scheduler/scrolling.html Let me know if ...
onEventClicked don't work when switching page
Hi, when i switch page, the onEventClicked don't work. I have to reload the page to make it work again. Is it a bug ? There is my code : $scope.schedulerConfig = { scale: "Day", days: 365, startDate:...
Angular 2 Support
Answered: The first Angular 2 version of the Scheduler is now available: https://code.daypilot.org/67423/angular-2-scheduler-tutorial-typescript It's in an early stage. However, the following is working: DayPi...
Change start time and end time of a day in DayPilot.Scheduler
Answered: You can customize the start and end hour by generating a custom timeline: https://doc.daypilot.org/scheduler/timeline/
Delete??
Answered: There are several options, please see the following documentation page: https://doc.daypilot.org/scheduler/event-deleting/
How to export excel with table
Answered: You are exporting the data in CSV (https://en.wikipedia.org/wiki/Comma-separated_values) format which doesn't support any formatting. Basically, there are two options: 1. You'll need to use a third-p...
How to get days (dp.days) according to start date and end date from user selected
Answered: You can use DayPilot.DateUtil.daysDiff() helper method:
DayPilot.DateUtil.daysDiff("2016-06-09", "2016-06-10");
The arguments can be passed as strings (they will be parsed using DayPilot.Date con...
Preventing right button of the mouse from selecting a TimeRange
Answered: The following config disables selecting a time range using right mouse button:
dp.timeRangeRightClickHandling = "Disabled";
dp.onGridMouseDown = function(args) {
var button = DayPilot.Util.mo...
Testing the status of a room while selecting a timerange
Answered: If you store the resource status in dp.resource[].tags object you will be able to access it like this:
dp.resources = [
{ name: "Resource 1", id: 1, tags : {disabled: true } }
];
// ...
dp....
Issue with loading events data from array.
Answered: You need to change "dp.events" to "dp.events.list":
dp.events.list = [{text: "Busy", start: "2013-03-24T03:00:00", end: "2013-03-24T05:00:00", id: 10, resource: "B"}];
See also: https://doc.daypi...
Horizontal resources
Answered: It's possible to display resources on the horizontal axis with the Calendar control switched to "Resources" mode: https://doc.daypilot.org/calendar/resources-view/ Demo: http://javascript.daypilot.or...
Multiple row selection on touch devices
Answered: Sorry for the delay - a couple of changes were necessary so it took a bit longer. Instead of using the default behavior which is defined using .rowClickHandling="Select" you can also add your own eve...
Coloring cells to indicate "today"
Answered: In the Scheduler, you can use the following code:
dp.onBeforeCellRender = function(args) {
if (args.cell.start <= DayPilot.Date.today() && DayPilot.Date.today() < args.cell.end) {
args.ce...
Daypilot trial expires at one day
Answered: There is no built-in expiration mechanism that would cripple displaying the data. It looks like there might be a problem/bug. I assume you are using the sample project from https://code.daypilot.org/...
TimeHeader customization hidden after scrolling
Answered: By default, the Scheduler displays a special overlay div over long time header cells during scrolling: http://doc.daypilot.org/scheduler/floating-time-headers/ It should copy the custom time header H...
Including the scheduler daypilot into a directive with isolated scope
Answered: Since version 8.2 (http://javascript.daypilot.org/daypilot-pro-for-javascript-8-2/) the scheduler supports "publish-as" attribute which lets you specify the target for the DayPilot.Scheduler object. ...
Missing Typescript Definition scheme for DayPilot
Answered: Unfortunately it's not available at the moment but it's in the queue.
Add beds
Answered: At this moment the number of beds is not editable using the sample code. However, it's stored in the database (rooms.capacity field) so it shouldn't be difficult to add an option to edit it.
display current position details in Calendar (real time)
Answered: Unfortunately this is not supported in the Calendar control at the moment.
Limit resources
Answered: DayPilot Scheduler doesn't limit the number of resources. However, there are different heigh settings that will affect how many resources/rows are visible without scrolling. Please take a look at the...
Hide rows in Gantt
Answered: The row filtering API is not implemented in the Gantt chart at the moment. However, you can hide the row by setting .row.hidden attribute of the task to true:
var task = dp.tasks.list[0[;
if (!tas...
How to detect when I scroll to the bottom
I see we have method dps.getScrollY() but if I want to detect when we scroll the scroll bar to the bottom, I don't know how to do this? Thanks
scroll vertically on touch device
Answered: The latest sandbox build (8.2.2185) now supports vertical touch scrolling using the row headers: http://javascript.daypilot.org/sandbox/ Let me know if it doesn't work as expected.
Can be added in a different granularity than displayed.
E.g. calendar renders 30 minutes slots. But click, drag and unclick paints and adds in 15 minutes granularity. I try to use cellDuration = 15 can move and resize in 15 minutes but I don’t want border...