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

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

• javascript
• jquery
• html
• twitter-bootstrap
• bootstrap-datepicker

• 1 You are missing jquery UI library. – Tomanow Commented Feb 15, 2015 at 23:02
• @Tomanow Sorry for the confusion, I'm not using jQuery UI, I'm using bootstrap datepicker - bootstrap-datepicker.readthedocs.org/en/release – Todd Ryler Commented Feb 15, 2015 at 23:47

2 Answers 2

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

This stopped me loading bootstrap-datepicker more than once throughout modals..

$.isFunction(Date.today) || $('body').append('<script src="assets/bootstrap-daterangepicker/date.js"><\/script><script src="assets/bootstrap-daterangepicker/daterangepicker.js"><\/script>');