Check if Bootstrap Datepicker script has loaded

I am receiving the error:

Uncaught TypeError: undefined is not a function

When I try to set up the datepicker:

$('.datepicker').datepicker();

How can I determine if the datepicker has loaded or not?

To be clear, I’m not using jQuery UI


solution

You can check to see if the datepicker script has loaded using:

if ($.fn.datepicker) {
  // ...
}

Then you can conditionally invoke the .datepicker() method if the script has loaded:

if ($.fn.datepicker) {
  $('.datepicker').datepicker();
}

Example Here

In doing so, the error won’t be thrown if the script hasn’t loaded.


You can also use:

if (typeof $().datepicker === 'function') {
  $('.datepicker').datepicker();
}

Example Here