Questions Tagged javascript
Delete icon in Monthly Calendar
Answered: I can see the delete icon on this demo page (IE, FF, Chrome, Edge): http://javascript.daypilot.org/demo/month/eventdeleting.html Do see the problem in the demo as well? A few things to check: 1. The ...
Expended End Date
Answered: If this solution doesn't work for you (it spans the event box till the dotted end): http://forums.daypilot.org/Topic.aspx/2834/expected-end-date you can use two separate events (one with the actual d...
List of options for JavaScript Day Pilot
Answered: The information on which features are supported can be found in the docs: http://doc.daypilot.org/ See also the feature matrix: http://javascript.daypilot.org/feature-matrix/ The API docs describes t...
Looking for an event that fires after rendering ALL events
Hello, Is there an event that is similar to "onAfterEventRender", but fires when it finished rendering all events, not just a single one? Or is there a way to use the existing "onAfterEventRender" an...
Switch from Demo (no .DLL) to DayPilot Pro
Answered: In case of the JavaScript version the only file you will replace is the client-side library (daypilot-all.min.js). You can use the following link to buy DayPilot Pro for JavaScript: http://javascript...
Add custom rows
Answered: At this moment you can't fully disable the row - but you can implement custom rules that are evaluated in real time. use onEventMoving for custom moving rules use onTimeRangeSelecting for custom time...
Timeline and room planner
Answered: The grid cells start at 12:00 (noon) and end at 12:00 (noon) the next day. Your events start and end at 00:00. You need to align the start with the grid. 1. You can store the real checkin/checkout ti...
ContextMenuSelection in DayPilot.Month
Answered: Unfortunately the context menu for time range selection is not implemented yet in the Month control.
Expected End Date
Answered: You can set custom CSS for an event using onBeforeEventRender. See also: http://doc.daypilot.org/scheduler/event-customization/ CSS
<style>
.expected .scheduler_default_event_inner {
...
Height issue
Answered: HeightSpec = "Parent100Pct" setting requires careful setting of the parent element location/dimensions. The height of the parent element (div) has to be set explicitly. 1. Either use height:100% on a...
Day pilot scroll displaying always
Answered: Unfortunately I'm not able to reproduce the issue. If I add .cellWidthSpec = "Auto" to the following demo the horizontal scrollbar disappears: http://javascript.daypilot.org/sandbox/scheduler/height1...
multiple rows per resource
Answered: The Scheduler (with resources displayed as rows) is only available in the Pro version. It is only possible to display one row per resource. However, you can group multiple resources under a tree node...
End date is adding one day
Answered: By default, the Scheduler works with exact points in time. E.g. a one day event starting on 2015-10-01T00:00:00 ends on 2015-10-02T00:00:00 (duration of 24 hours). However, you can adjust how the Sch...
Undo Moving event and Undo Resizing event
Answered: Use .onEventMove event handler instead and call args.preventDefault() to prevent the default action and onEventMoved event from being processed:
dp.onEventMove = function(args) {
if (!confirm('A...
Switcher bug
Answered: Thanks, it should be fixed now in the latest sandbox build (8.1.1842): http://javascript.daypilot.org/sandbox/
Time range context menu in DayPilot.Month
Answered: Unfortunately, the context menu is not available for the time range selection in the Month control at the moment (not even in the current release).
DayBeginsHour
Answered: Unfortunately minute precision for the calendar start is not supported in the Calendar at the moment. In the Scheduler you can create a custom timeline (http://doc.daypilot.org/scheduler/timeline/) w...
How to hand over parameters on JavaScript Action
Answered: The menu source object is available as "e" variable. In this case, it is the selection object which has three properties (start, end, resource):
<DayPilot:MenuItem Action="JavaScript" Text="Neue Ab...
Space between two events in same resource
Answered: You need to modify the event CSS. An example for the default CSS theme (theme="scheduler_default"):
.scheduler_default_event_inner {
bottom: 2px !important;
}
Daypilot height 100%
Answered: If you want to set the height to 100% of the parent element, you should use this:
dp.heightSpec = "Parent100Pct";
Please note that this requires the parent element height to be set explicitly - s...
json date not converting to daypilot date format
I am rendering all daypilot events by ajax from server(the result is JSON) when i am trying to push it shows invalid time zone. For this i need to iterate all events convert to Daypilot date ,is ther...
Leap Year Issue
Answered: When changing the StartDate and Days properties you can use DayPilot.Web.Mvc.Utils.Year.Days() method to get the number of days for the given year. Example for switching to the following year:
Star...
How to add text field in cell ?
Answered: Technically, yes. But it's not recommended for several reasons: 1. You should keep the cell HTML as small as possible. Adding a lot of content will slow down the Scheduler. 2. The cells are redrawn v...
Scheduler - auto width cells
Answered: This issue should be fixed now in the latest release (8.1.1821): http://javascript.daypilot.org/daypilot-pro-for-javascript-8-1-sp2/ Let me know if the problem persists.
Navigator highlights previous month while toggling between week and month view
Answered: You can change the navigator selection using .select() method:
var nav = new DayPilot.Navigator("nav");
// ...
nav.select(new DayPilot.Date()); // selects today
Select time range will not be highlighted if only click the cell in Month Calendar
Hi, Seems in month calendar, if only click a cell (not drag before mouse up), it will be triggered from onTimeRangeSelected, but the UI is not highlighted. However, if drag over the cell a bit, the c...
Using DayPilot HTML5 Hotel Room Booking (JavaScript/PHP) in Codeiginiter MCV environment
Can you please explain how to apply HTML5 Hotel Room Booking (JavaScript/PHP) in Codeiginiter MCV environment, I need to loaded events from MySQL database thru model to controller in order to pass to...
Same event times (UDT) between calendar resource view and workweek view but they display at different local times.
I have a list of events that I share between a Resource view and a WorkWeek view. The daypilot dates of the events are UDT time as expected. When those events are displayed in the Resource view, they...
DayPilot.Switcher OnChange
How can I perform an action when thw switcher changes the current view? Is there something like OnChange event? Thanks