Tutorial: JavaScript Monthly Calendar and Spring Boot Backend

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.

Example: Hiding Weekends

HTML5

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

JavaScript

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