Questions Tagged javascript
Scheduler timerange: why from 0 to 0 clock?
Answered: DayPilot works with exact time points: The day begins at 00:00 and ends at 24:00 (i.e. 00:00 the following day). If you want to display the end date the way you describe you need to subtract one day ...
Scheduler: clickable altough its disabled
Hi! When i click on a event which is "clickDisabled = true;", daypilot handle it like it is "dragged". The Event is "marked" and the mousecurser moved to the "cross". In that case you cant move the e...
Scheduler: optical subdivision
HEy Dan! My scheduler got about 50 REsources. Some of them are grouped by something. So there are f.a. 5 resources i want to edge. But not only the names of the res., also the whole row. It would be ...
Styling Indicator and Row Selecting ?
Answered: The new theme elements that were introduced in 7.8 are defined like this (in the built-in theme, i.e. "scheduler_default"). You can copy these styles to your theme. The other themes in the package an...
Scheduler multiuser- able?
Answered: Solving record locking is far from simple in web applications. See the following SO question for a brief outline of the problem: http://stackoverflow.com/questions/3358957/blocking-a-record-from-edit...
Event Resize: Stepless ?
Answered: You can turn of the "snap to grid" behavior using .snapToGrid property. See also: http://doc.daypilot.org/scheduler/snap-to-grid/
Right click from mobile
Answered: With the upcoming 7.8 release you will be able to use: dp.eventTapAndHoldHandling = "ContextMenu"; This will activate the context menu for the "tap and hold" gesture. You will need to add custom drag...
Click event on resource in Scheduler
Answered: Got it to work with a contextMenu: dp.onBeforeResHeaderRender = function (args) { args.resource.contextMenu = new DayPilot.Menu({ items: [ { text: "Something", onclick: function () { alert("You click...
How to set value of result in a modal window ajax request?
Answered: You are using the server-side syntax:
Modal.Close(this, "OK");
On the client side, it has only one parameter:
window.parent.DayPilot.ModalStatic.close("OK");
OnEventMoved
Answered: It seems the lite version doe snot support this. I am now using the prod and it works,
onEventMoved preventDefault
Answered: Solved. The main problem that I used ajax updating of event that desynchronise move and moved events.
How to update through MySQLi
Answered: Can you try to download the sample PHP project from here? http://code.daypilot.org/17910/html5-event-calendar-open-source The downloads include a working PHP project with all the features working. Pl...
Update event data
Some times after some changes of event the calendar won't show changes until refresh all page or reload all events. I'm using dp.events.update(evnt) function.
Getting error on $c.selectedCells.length
Hello, When I'm trying to create a new event using daypilot-modal-2.1. After I close modal dialog I use dp.clearSelection(); Then I switching to another view of Calendar and events won't load because...
Export Image or PDF in Javascript
Are there plans to implement the export feature in the javascript version? If not, any recommendations on other ways to accomplish this? Thanks
AutoRefresh for JavaScript
Answered: AutoRefresh is now supported in the JavaScript version (build 7.7.813). See the sandbox: http://javascript.daypilot.org/sandbox/ If enabled during initialization (autoRefreshEnabled = true), it will ...
Set dps.startDate and dps.days via javascript
Answered: You should call .update() after changing startDate or days. This is an example from the the navigator integration demo: http://javascript.daypilot.org/demo/scheduler/navigator.html See onTimeRangeSel...
How to prevent event dragging and resizing
Answered: You should set the .moveEnabled property on the DayPilot.Event.data object, not on DayPilot.Event directly:
var e = new DayPilot.Event({
start: "2014-03-25T00:00:00"),
end: "2014-03-25T12:00:...
optical bug when i drag an event
hi! i have an event with "moveHDisabled". When i drag this event i can drag this event to the left cell. hope you know what i mean ;) can send you a screenshot...
How to move an event programmatically?
Answered: If you modify the event in .events.list and call update() it should be updated properly (as all events will be redrawn as part of the update). See also: http://api.daypilot.org/daypilot-scheduler-upd...
Using div in bubble
Answered: It looks like your styles use position: absolute. This causes the bubble HTML content to be taken out of the page flow - it doesn't extend the bubble div height. Try using position: relative instead.
adding additional attributes to a resource ?
Hi! I want to add f.a. "resourcetype" to a resource. And then, i want to read this attribute when the user drop an event, f.a. in the method "onEventMove". Is this possible? THANKS!!! Daniel
Problem with starting on the first day of the week
Answered: I added the day of the week to the method and it worked: dp.scrollTo(new DayPilot.Date().firstDayOfWeek(1));
Changing start date of event
Answered: Changes of the key properties (id, start, end, resource, text) doesn't have an immediate effect because it would cause problems if you modified events that are already visible in the calendar/schedul...
Show html bubble on event click in Scheduler
Answered: Using DayPilot Pro 7.7.787 and later (see the sandbox at http://javascript.daypilot.org/sandbox/) you can do this:
dp.onEventClicked = function(args) {
new DayPilot.Bubble().showHtml("...
Strange behavior of DayPilot.Locale datePattern
Answered: Please try version 7.7.759 from the sandbox: http://javascript.daypilot.org/sandbox/ "ddd" pattern string is not implemented in prior versions.
Deleting event
Answered: Yes, there is no built-in onEventDelete event. You can call dp.events.remove(e) and then notify the server:
dp.events.remove(e);
$.post("delete", { e: e.id() }, function() {
dp.message("D...
Display custom string in time headers
Answered: You can customize the header HTML using onBeforeTimeHeaderRender event handler:
dp.onBeforeTimeHeaderRender = function(args) {
if (args.header.level === 1) {
args.header.html = args.header....
Text/Description for a seperator
Hey Dan! Can you add a Text to a seperator to descripe it? You could add a bubble for a short time when you do a mouseover over the seperator. Or show the text on the upper of the seperator. thanks d...
Problem with localization
Answered: Alex, You need to register it using DayPilot.Locale.register() method:
DayPilot.Locale.register(localeMy);
The .register() method must be invoked on DayPilot.Locale object directly (not on an ins...