检查 Bootstrap Datepicker 脚本是不是已加载

Posted 2023-05-07

【中文标题】检查 Bootstrap Datepicker 脚本是不是已加载

【英文标题】：Check if Bootstrap Datepicker script has loaded检查 Bootstrap Datepicker 脚本是否已加载

【发布时间】：2015-04-16 10:11:12

【问题描述】：

我收到错误消息：

Uncaught TypeError: undefined is not a function

当我尝试设置日期选择器时：

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

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

明确地说，我没有使用 jQuery UI

【问题讨论】：

您缺少 jquery UI 库。

@Tomanow 很抱歉造成混乱，我没有使用 jQuery UI，我使用的是引导日期选择器 - bootstrap-datepicker.readthedocs.org/en/release

【参考方案1】：

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

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

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

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

Example Here

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

---

你也可以使用：

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

Example Here

【讨论】：

太棒了！谢谢。我不确定这是否可行。

不需要 var，if($.fn.datepicker) ... 也可以

【参考方案2】：

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

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