Questions Tagged how-to
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....
Timeline Queries
Answered: The output under the "DayPilot MVC" section in your sample image is what I would expect to see. This is how it is designed to work - the second time header row displays days and it starts and ends at...
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...
Display Loading Icon when Event Moving in DayPilotScheduler
In my ASP.NET MVC application, I am using a DayPilotScheduler. If anyone is trying to move the event, then it has to display a loading symbol. So what I have done is, In my HTML code, I have added, E...
How to Load only a Single DayPilotScheduler
Sir, In my ASP.NET MVC application, I have added a tab control with 2 tab items in a view. Both the tab items contains 2 different daypilotscheduler objects. The problem is, when I start my applicati...
Set Scheduler width with javascript in View
Answered: You might want to check the "Auto Cell Width" feature which adjusts the cell width to fill the available space (there will be no horizontal scrollbar): https://doc.daypilot.org/scheduler/auto-cell-wi...
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...
Change Scheduler displayed Date format
Answered: The MVC Hotel Reservation tutorial at https://code.daypilot.org/32389/asp-net-mvc-hotel-room-booking uses the following code to format the start and end date: ReservationController.cs:
public A...
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...
Customise Cell Duration Label
Answered: You can customize the time headers using OnBeforeTimeHeaderRender: http://doc.daypilot.org/scheduler/time-header-customization/ The sample code would look like this:
protected override void OnBefor...
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...
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 Tooltip
Answered: This solutions works w/ the API. this._drawEvent = function(e) { ... var inner = document.createElement("div"); inner.setAttribute("unselectable", "on"); inner.className = calendar._prefixCssClass("_...
Context Menu Not Being Displayed
Answered: I've tried to reproduce the problem using the following testing Web Form but it seems to work fine: CalendarContextMenu.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CalendarContextM...
Removing event not included in MVC angular demo
Answered: With Angular, you can delete an event by removing it from the underlying event array (events/daypilot-events attribute). The calendar will be updated automatically.
Change Date Format
Answered: DayPilotScheduler1.VisibleStart is a DateTime object so you can get a custom formatted string from it using ToString():
DayPilotScheduler1.VisibleStart.ToString("yyyy-MM-dd");
See also here: http...
display current position details in Calendar (real time)
Answered: Unfortunately this is not supported in the Calendar control at the moment.
DayPilot month start date time
Answered: You can display the start and end time using the following properties:
<DayPilot:DayPilotMonth
EventStartTime="true"
EventEndTime="true
...
/>
Another option is to add the time at a specified...
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
Answered: The Gantt chart in this tutorial is based on the Scheduler control (it's the Scheduler controls switch to Gantt using ViewType="Gantt"). See also: http://doc.daypilot.org/scheduler/gantt-chart/ That ...
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
Will the RecurrenceExpander object take into consideration a working week (Mon thru Fri)?
Hi Dan and Team, Further to post: https://forums.daypilot.org/Topic.aspx/1056/changing_week_to_working_week_ Will the RecurrenceExpander object take into consideration a working week, Monday through ...
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.
need a sample program
Can u give me a sample asp program to display the date,time,and calendar of that month when it is runned or compilled
Calender controls
how to show the monthcalendar of the text given in a textbox in the format of dd/mm/yyyy
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...