DayPilot Pro for JavaScript 8.1

Release date: June 23, 2015 (build 8.1.1757)


Task Versions (Gantt)

html5 gantt task versions javascript


Active Areas for Time Headers (Scheduler)

html5 scheduler time header active areas javascript


Time-Positioned Active Areas (Scheduler)

Supported in:

  • onBeforeEventRender
  • onBeforeTimeHeaderRender
  • onBerforeCellRender

Use start, end properties instead of left and right.

Active Areas for Grid Cells (Scheduler)

Event Versions (Scheduler)

Minimal Cell Width in "Auto Cell Width" Mode (Scheduler)

Use .minCellWidth property (default value is 1).

Active Areas for Touch Devices (Scheduler)

  • Active areas with "Move", "ResizeStart", "ResizeEnd" actions supported on touch devices
  • Event active area/action:"ContextMenu" supported on touch devices

events.load() Helper Method

.events.load() submits visible start and end as a JSON object in request body (Calendar, Month, Scheduler).

See more in the tutorial:

HTML5 Calendar with Day/Week/Month Views (JavaScript, PHP)

See also:

New DayPilot.Date Implementation

> new DayPilot.Date("2015-01-01T00:00:00") === new DayPilot.Date("2015-01-01");
  • Sharing instances for the same time points
  • Encapsulated implementation (no access to internal properties)
  • Immutable object
  • Supports < and > operators for object comparison

For the complete description of the behavior see DayPilot.Date documentation.

API changes

  • If you need to access the internal Date object (formerly accessible using .d property) use .toDate() method.


  • [Gantt] clientState default value set to {} (Gantt). (build 1661)
  • [Calendar] headerHeightAutoFit = true works with headerLevels > 1 (Calendar). (build 1663)
  • [Scheduler] dp.rows.find("A").cells.all() returns all cells in a row (Scheduler) (build 1669)
  • DayPilot.Date() constructor returns the same instance for normalized value: new DayPilot.Date("2015-01-01") === new DayPilot.Date("2015-01-01T00:00:00") (build 1671)
  • [Scheduler] Event stacking line height demo (Scheduler). (build 1672)
  • Active area action="Transparent" supported. (build 1672)
  • No active area action specified ==> "Transparent" behavior. (build 1672)
  • DayPilot.Date namespace used for static internal methods --> DayPilot.DateUtil (build 1675)
  • DayPilot.Date optimizations. (build 1675)
  • [Gantt] _continueleft styles added to the default theme (Gantt). (build 1678)
  • [Gantt] _continueright styles added to the default theme (Gantt). (build 1679)
  • [Calendar] Days-Resources view demo (Calendar). (build 1680)
  • [Gantt] taskVersionsEnabled, taskVersionHeight, taskVersionMargin (Gantt). (build 1683)
  • [Scheduler] Scheduler.rows.find().addClass() method. (build 1688)
  • [Scheduler] Scheduler.rows.find().removeClass() method. (build 1689)
  • [Scheduler] Obsolete (!cssOnly) properties removed: borderColor, cellBackColor, cellBackColorNonBusiness, cellBorderColor, cellSelectColor, durationBarColor (Scheduler). (build 1691)
  • [Gantt] Task version supports cssClass, toolTip, htmlLeft, htmlRight (Gantt). (build 1692)
  • [Scheduler] Scheduler/ supported. (build 1693)
  • [Scheduler] Events brought into view after collapsing a parent row are rendered correctly (Scheduler). (build 1698)
  • [Scheduler] args.cell.utilization() in onBeforeCellRender usable without parameter (Scheduler). (build 1702)
  • [Scheduler] cell.isParent property added (onBeforeCellRender) (Scheduler). (build 1703)
  • scrollTo speed configurable ("slow", "normal", "fast" or number of steps). (build 1705)
  • scrollTo speed configurable ("linear"). (build 1706)
  • [Scheduler] businessWeekends property (Scheduler) (build 1709)
  • [Scheduler] onEventResizing/args.allowed supported (Scheduler). (build 1710)
  • [Scheduler] .update() doesn't have any effect if init() wasn't called yet (Scheduler). (build 1717)
  • added. (build 1719)
  • DayPilot.Switcher.onTimeRangeSelect added, default action set to active.control.startDate = day; active.control.update(); (build 1720)
  • .events.load() methods always use POST (build 1721)
  • DayPilot.Switcher.onTimeRangeSelected fired on every change (including .show()). (build 1722)
  • DayPilot.Switcher.onTimeRangeSelect --> DayPilot.Switcher.onChange, DayPilot.Switcher.onTimeRangeSelected --> DayPilot.Switcher.onChanged (old names supported for backwards compatibility) (build 1723)
  • DayPilot.Switcher - preventing duplicate firing of onChange/d (build 1724)
  • DayPilot.Switcher.addButton() --> addTrigger() (build 1728)
  • DayPilot.Switcher constructor accepts "options" parameter. (build 1728)
  • [Month] weekStarts value read from the locale (if set). Default value for unset locale changed to 0 (Month). (build 1729)
  • [Bubble] Bubble animation="fast" made faster (10 steps/10ms). (build 1730)
  • DayPilot.Date comparable using angular.equals (.value property made enumerable). (build 1731)
  • [Scheduler] autoscroll speed is dynamic, depending on distance from the edge (Scheduler). (build 1733)
  • DayPilot.DatePicker keeps the original time part. (build 1734)
  • [Scheduler] Immediate stop of autoscroll on mouseup (Scheduler). (build 1735)
  • [Scheduler] DayPilot.Scheduler.makeDraggable() parameter passed as event data to the new event, supports all standard and custom properties. (build 1736)
  • [Calendar] Cached cellProperties cleared during .update() (Calendar). (build 1745)
  • [Calendar] EventDoubleClickHandling default value changed to "Disabled" in the Calendar (enabled double click handling causes single-click delays). (build 1746)
  • [Scheduler] .update(options) supports options.separators (Scheduler). (build 1748)
  • [Scheduler] .update(options) supports (Scheduler). (build 1749)
  • Locales added: "ro-ro", "tr-tr". (build 1751)
  • [Scheduler] Vertical autoscroll turned off for time range selecting and event resizing (Scheduler). (build 1752)
  • [Scheduler] Vertical autoscroll speed made 2x slower than horizontal (Scheduler). (build 1752)
  • DayPilot.Date.toString() includes milliseconds to avoid losing the millisecond part ("2015-06-22T16:30:00.000"). (build 1753)
  • [Scheduler] Min event width set to 1 for useEventBoxes = "Never" (Scheduler). (build 1753)
  • [Scheduler] Row filtering - keeping grandparents visible, filtering children on node expansion (Scheduler). (build 1755)
  • DayPilot.Date.toString() returns ms part only if specified ("2015-06-23T12:30:15.001" but "2015-06-23T12:30:15" ) (build 1756)


  • [Calendar] Header height fixed for .headerLevels > 1 (Calendar). (build 1664)
  • [Month] Time range selecting after .update() fixed (Month). (build 1666)
  • [Scheduler] Selected rows highlighting fixed (Scheduler). (build 1670)
  • [Scheduler] .drawBlankCells = false mode fixed for business/non-business cells (Scheduler). (build 1674)
  • [Scheduler] Direct event height setting fixed (no onBeforeEventRender) (Scheduler). (build 1676)
  • [Scheduler] DayPilot.Row.addClass/DayPilot.Row.removeClass fixed (Scheduler). (build 1694)
  • [Scheduler] External drag and drop and non-continuous timeline fixed (Scheduler). (build 1696)
  • [Scheduler] Custom timeline (customized using onIncludeCell or showNonBusiness) fixed for the timesheet view (Scheduler). (build 1699)
  • [Scheduler] cellWidthMin horizontal scrollbar fixed (Scheduler) (build 1701)
  • Initial navigation selection fixed (for showMonths > 1). (build 1713)
  • [Scheduler] timeHeaders/groupBy="Day" day start/end reset fixed. (Scheduler) (build 1716)
  • [Calendar] Calendar hour header scroll position fixed on .show() (build 1727)
  • [Scheduler] scrollTo() doesn't reset the Y scrollbar position (Scheduler, fixed). (build 1733)
  • DayPilot.Date.parse() parsing of "HH", "mm", and "ss" fixed. (build 1734)
  • [Scheduler] Auto cell width detects vertical scrollbar (Scheduler, fixed). (build 1737)
  • [Scheduler] Error on clicking an element made draggable using DayPilot.Scheduler.makeDraggable fixed. (build 1744)
  • [Calendar] Selected events were cleared after .update() - fixed (Calendar). (build 1746)
  • [Scheduler] Selected events were not rendered correctly during a redraw - fixed (Scheduler). (build 1746)
  • [Calendar] Second click on selected events causing an error - fixed (Calendar, Month, Scheduler). (build 1750)
  • [Scheduler] Second click on selected events causing an error - fixed (Calendar, Month, Scheduler). (build 1750)
  • [Month] Second click on selected events causing an error - fixed (Calendar, Month, Scheduler). (build 1750)
  • [Scheduler] Second click on a grid cell fired timeRangeSelect even for overlapping location - fixed. (build 1751)