JSFiddle - React, Tailwind, and code Playground

by franverona

HTML

<p>Date:
    <input type="text" id="datepicker">
</p>
<div id="result"></div>

JavaScript

$(function () {
    $("#datepicker").datepicker({
        onSelect: function (dateText) {

            var d = new Date(dateText),
                date_days = d.getUTCDate(),
                date_month = d.getUTCMonth() + 1,
                date_year = d.getUTCFullYear();

            var today = new Date(),
                today_days = today.getUTCDate(),
                today_month = today.getUTCMonth() + 1,
                today_year = today.getUTCFullYear();

            console.log(date_month, today_month);
            var mcheck = 0;
            if (date_month < today_month) {
                mcheck = -1;
                $('#result').html('Previous month selected');
            } else {
                if (date_month > today_month) {
                    mcheck = 1;
                    $('#result').html('Next month selected');
                } else {
                    mcheck = 0;
                    $('#result').html('Same month selected');
                }
            }
        }
    });
});