javascript-calendar-cell-duration.png

You can customize the cell duration using CellDuration property (in minutes).

  • The minimum value is 1 (minute).
  • The maximum value is 60 (1 hour).

See also time header cell duration and cell height.

JavaScript

<div id="dp"></div>

<script type="text/javascript">
  var dp = new DayPilot.Calendar("dp");
  dp.cellDuration = 15;
  // ...
  dp.init();
</script>

ASP.NET WebForms

<DayPilot:DayPilotCalendar runat="server" ID="DayPilotCalendar1"
  CellDuration="15"
  ...
/>

ASP.NET MVC

MVC View

@Html.DayPilotCalendar("dpc", new DayPilotCalendarConfig { 

  // ...
  CellDuration = 15,
  // ...
	
})