Next and Previous Buttons

ASP.NET WebForms

You can add the navigation buttons using custom HTML:

<a href="javascript:dps.commandCallBack('previous');">Previous</a> |
<a href="javascript:dps.commandCallBack('today');">Today</a> |
<a href="javascript:dps.commandCallBack('next');">Next</a>

You need to handle these events on the server-side in Command event handler:

protected void DayPilotScheduler1_Command(object sender, DayPilot.Web.Ui.Events.CommandEventArgs e)
{
  switch (e.Command)
  {
      case "next":
          DayPilotScheduler1.StartDate = DayPilotScheduler1.StartDate.AddYears(1);
          DayPilotScheduler1.Days = Year.Days(DayPilotScheduler1.StartDate.Year);
          break;
      case "previous":
          DayPilotScheduler1.StartDate = DayPilotScheduler1.StartDate.AddYears(-1);
          DayPilotScheduler1.Days = Year.Days(DayPilotScheduler1.StartDate.Year);
          break;
      case "today":
          DayPilotScheduler1.StartDate = new DateTime(DateTime.Today.Year, 1, 1);
          DayPilotScheduler1.Days = Year.Days(DayPilotScheduler1.StartDate.Year);
          break;

  }

  setDataSourceAndBind();
  DayPilotScheduler1.Update();
}

ASP.NET MVC

You can add the navigation buttons using custom HTML:

<a href="javascript:dps.commandCallBack('previous');">Previous</a> |
<a href="javascript:dps.commandCallBack('today');">Today</a> |
<a href="javascript:dps.commandCallBack('next');">Next</a>

You need to handle these events on the server-side in OnCommand:

protected override void OnCommand(CommandArgs e)
{
  switch (e.Command)
  {
    case "previous":
      StartDate = StartDate.AddMonths(-1);
      Update(CallBackUpdateType.Full);
      break;
    case "today":
      StartDate = DateTime.Today;
      Update(CallBackUpdateType.Full);
      break;
    case "next":
      StartDate = StartDate.AddMonths(1);
      Update(CallBackUpdateType.Full);
      break;
  }
}

JavaScript

<a href="javascript:dp.startDate = dp.startDate.addDays(-7); loadAndUpdate();">Previous</a> |
<a href="javascript:dp.startDate = new DayPilot.Date(); loadAndUpdate();">Previous</a> |
<a href="javascript:dp.startDate = dp.startDate.addDays(7); loadAndUpdate();">Next</a>


<script type="text/javascript">
  function loadAndUpdate() {
    dp.events.list = ....; // load events from server using dp.startDate
    dp.update();
  }
</script>