globalDatePicker.js

$(document).ready(function () {
    M.Modal.init(document.getElementById("modalDate"), {
        onOpenStart: function f() {
            cleanup();
        }
    });

    $("#global-datepicker-previous").click(function () {
        updateYearGrid(-11, document.getElementById('currentYear').innerHTML);
    });

    $("#global-datepicker-next").click(function () {
        updateYearGrid(11, document.getElementById('currentYear').innerHTML);
    });

    $("#global-datepicker-select-year .global-datepicker-item").click(function () {
        selectYear(this.innerText);
    });

    $("#global-datepicker-select-month .global-datepicker-item").click(function () {
        selectMonth($("#global-datepicker-select-month .global-datepicker-item").index(this) + 1);
    });
});

var year;


function cleanup() {
    year = undefined;
    $("#global-datepicker-select-year").show();
    $("#global-datepicker-select-month").hide();
}

function updateYearGrid(modifier, currentYear) {
    var items = $("#global-datepicker-select-year .global-datepicker-item");
    var firstYear = parseInt(items[0].innerText);
    var newFirstYear = firstYear + modifier;

    for (var i = 0; i < items.length; i++) {
        items[i].innerText = newFirstYear + i;
        if (items[i].innerText === currentYear) {
            items[i].classList.add("global-datepicker-selected");
        }
        else {
            items[i].classList.remove("global-datepicker-selected");
        }
    }
}

function selectYear(selectedYear) {
    year = selectedYear;
    $("#global-datepicker-select-year").hide();
    $("#global-datepicker-select-month").show();
}

function selectMonth(selectedMonth) {
    var dateString = "01." + selectedMonth + "." + year;
    document.cookie = "currentDate=" + dateString;
    document.getElementById('buttonChooseDate').click();
}