Tutorial: JavaScript Scheduler and ASP.NET Core Backend

This tutorial shows how to use DayPilot Scheduler with ASP.NET Core backend.
Sep 13, 2017
javascript html5 scheduler asp.net core mvc

Features

  • Simple JavaScript Scheduler configuration
  • ASP.NET Core endpoint for loading events (JSON/REST)
  • ASP.NET Core endpoint for loading resources (JSON/REST)

Source code of the tutorial is available for download.

Example: ASP.NET Core View with Scheduler

Views/Home/Index.cshtml

<script src="~/js/daypilot/daypilot-all.min.js" asp-append-version="true"></script>

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

<script>
    var dp = new DayPilot.Scheduler("dp");
    dp.startDate = DayPilot.Date.today().firstDayOfMonth();
    dp.days = DayPilot.Date.today().daysInMonth();
    dp.scale = "Day";
    dp.timeHeaders = [
        { groupBy: "Month" },
        { groupBy: "Day", format: "d" }
    ];
    dp.init();

    dp.events.load("/api/events");
    dp.rows.load("/api/resources");

</script>