"show" event not working with inline datepicker

I have an inline datepicker and try to alert current selected date (automatically selectedd date). This is my code.

function x(current_date){
        alert(current_date);
}

$('.datepicker').datepicker().on('show', function(e){       
        x(e.format());
 });

but its not alert anything. Please help.

[rav88]

First use the .on() method and invoke .datepicker() on the end, so that the behaviour of the show event would be implemented before actually ‘showing’

$('.datepicker').on('show', function(e){       
                x(e.format());
}).datepicker();

[ancuriskey2000]

Hi!

I would like to know how I could use the method “setDatesDisabled()” inside the “on show” event, please. Something like:

$(self.template.querySelector('.datepicker'))
        .on('show', function (e) {
            this.datesDisabled = ['10/04/2022']

        }).on('changeDate', function (selected) {
            let dateval = selected.target.value;
            const selectedEvent = new CustomEvent("datechange", {
                    detail: dateval
                });
            this.dispatchEvent(selectedEvent);
        }).datepicker({
            format: 'dd/mm/yyyy',
            startDate: new Date(),
            endDate: finalDate,
            datesDisabled: disabledDates
        });

I’m doing like that, but I have always been gotten the “Uncaught TypeError: $(…).datepicker is not a function” error.