calendar time header cell duration

The default time header unit (vertical axis) is 1 hour.

  • The minimum value is 1 (minute).
  • The maximum value is 60 (1 hour).
  • It doesn't have to correspond to the cell duration.

You can adjust it using TimeHeaderCellDuration property.

The header HTML can be customized using BeforeTimeHeaderRender event handler.

JavaScript

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

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

ASP.NET WebForms

 
<DayPilot:DayPilotCalendar runat="server" ID="DayPilotCalendar1"
  TimeHeaderCellDuration="30"
  ...
/>

Demo

ASP.NET MVC

MVC View

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

  // ...
  TimeHeaderCellDuration = 30,
  // ...
	
})