Tutorial: JavaScript Monthly Calendar and Spring Boot Backend | DayPilot News - HTML5 Calendar, Scheduler and Gantt Chart Web Components

This tutorial shows how to add a JavaScript monthly event calendar to a Spring Boot application.

October 2, 2017

Features

Java 8
Spring Boot 1.5
Maven project configuration
Data persistence using Spring Data/JPA
Separate frontend (HTML5/JavaScript) and backend (Spring web service)
Uses HTML5/JavaScript event calendar component from DayPilot Pro for JavaScript (trial version)

Source code of the tutorial is available for download.

HTML5

<label><input type="checkbox" id="weekends" checked="checked"> Show weekend</label>

JavaScript

$("#weekends").click(function() {
  dp.showWeekend = $("#weekends").is(":checked");
  dp.update();
});