JSFiddle - React, Tailwind, and code Playground

by sc0rp10

JavaScript

function initDatePicker(date, courses) {
    function renderCourses() {
        var container = $(".courses"),// сюда рендерим события (блок справа)
            tmpl = $(".courses__template"); // это скрипт-шаблон
        container.html(tmpl.tmpl(courses)); //синтаксис не помню, посмотри сам
    }
    function renderCalendar() {
        var container = $(".calendar"), // контейнер календаря
            options = {}; // опции дейтпикера
        options.onSelect = function(date, inst){
            $.ajax({
                url: "/getMyCoursesByDate",
                dataType: "JSON",
                type: "get",
                data: {"date" : date},
                success: function(responce) {
                    initDatePicker(date, responce);
                }
            });
        }
        $(".calendar").datepicker(options);
    }
    renderCalendar();
    renderCourses();
}
initDatePicker(Math.floor(new Date().valueOf() / 1000), $(".courses").data("courses") /* контейнер в котором будет лежать джсон*/)