检查Bootstrap Datepicker脚本是否已加载

Question

我收到错误：

Uncaught TypeError: undefined is not a function

当我尝试设置datepicker时：

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

如何确定日期选择器是否已加载？

要明确，我没有使用jQuery UI

Answer 1

您可以使用以下命令检查日期选择器脚本是否已加载：

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

然后，如果脚本已加载，则可以有条件地调用.datepicker()方法：

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

Example Here

这样做，如果脚本没有加载，则不会抛出错误。

---

您也可以使用：

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

Example Here

Answer 2

这阻止了我在整个模态中多次加载bootstrap-datepicker ..

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