I have an odd issue where the date picker works for me in Chrome and it works for other users. However, it doesn’t pop up at all for one user on his Chrome (so far, just one user has this issue) and I’m not sure why?

Anyone have ideas? We’ve tested in incognito mode on his machine and he still got the issue. Error message like this is on his chrome dev console:

Query.Deferred exception: $(...).datepicker is not a function TypeError: $(...).datepicker is not a function at HTMLDocument. (http://192.168.20.52:9891/static/js/validate.js:2:17) at e (https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js:2:30005) at t (https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js:2:30307) undefined S.Deferred.exceptionHook @ jquery.min.js:2 t @ jquery.min.js:2 setTimeout (async)

My code ( in validate.js):

$(function() {
    $("#start").datepicker({
        dateFormat: 'yy-mm-dd',
        onSelect: function(dateStr) {
            console.log('In start method')
            var date = $(this).datepicker('getDate');
            date.setMonth(date.getMonth());
            console.log(date)
            $('#end').val($.datepicker.formatDate('yy-mm-dd', date));
            setNumberOfVDays()
        }
    });
});

I include this at the bottom of my html file (I am NOT including any other .js file at the top of this file)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="/static/js/validate.js"></script>

Thanks!