jqueryui.customized.js

/*
* jQuery plugin that converts value to date
* @requires https://jqueryui.com/
* @param  {Node} True or False to Disable element
* @return {String} Formatted date
*/
(function ($) {
    $.fn.getDateMmddyy = function () {
        if (this.val() == null) {
            return null;
        }

        return $.datepicker.parseDate("yyyy/mm/dd", this.val());
    }
}(jQuery));

/*
* jQuery plugin that converts value to date
* @requires https://jqueryui.com/
* @param  {Node} The element
* @return {String} Formatted date and time
*/
(function ($) {
    $.fn.getDateTimeMmddyy = function () {
        if (this.val() == null) {
            return null;
        }

        return $.datepicker.parseDate("yyyy/mm/dd", this.val());
    }
}(jQuery));


$(function () {
    // jQuery UI DatePicker
    $("body").delegate(".jqui--datetime", "focus", function () {
        if (!$(this).hasClass("hasDatepicker")) {
            const minDate = getDateMmddyy($(this).data("val-rangedate-min"));
            const maxDate = getDateMmddyy($(this).data("val-rangedate-max"));

            $(this).datepicker({
                showButtonPanel: true,
                dateFormat: "mm/dd/yy",
                minDate: minDate,
                maxDate: maxDate,
                numberOfMonths: 1
            });
        }

        $.datepicker._gotoToday = function (id) {
            $(id).datepicker('setDate', new Date(maxDate)).datepicker('hide').blur();
        };
    });
});