未捕获的类型错误：未定义不是日期选择器引导程序的函数

Posted 2023-03-06

【中文标题】未捕获的类型错误：未定义不是日期选择器引导程序的函数

【英文标题】：Uncaught TypeError: undefined is not a function for date picker bootstrap

【发布时间】：2014-09-05 14:35:34

【问题描述】：

我想使用 bootstrap 的 datepicker，我使用此代码时出现错误

Uncaught TypeError: undefined is not a function Create:283
(anonymous function) Create:283
n.Callbacks.j jquery-2.1.1.min.js:2
n.Callbacks.k.fireWith jquery-2.1.1.min.js:2
n.extend.ready

在这个有错误的代码中，我从引导站点按原样获取它......

<script type="text/javascript">
    $(function () 
        $('#datetimepicker4').datepicker(
        );
    );
</script>

这是分区

<div class="well">
    <div id="datetimepicker4" class="input-append">
        <input data-format="yyyy-MM-dd" type="text" />
        <span class="add-on">
            <i data-time-icon="icon-time" data-date-icon="icon-calendar">
            </i>
        </span>
    </div>
</div>

这是我使用的 libaray，它没有帮助。 我试着一一添加，看看这个问题是否解决了，但没有，有什么线索吗？

<script src="~/Scripts/jquery-2.1.1.min.js"></script>
<script src="~/Scripts/bootstrap-datepicker.js"></script>   
<script src="~/Scripts/moment-datepicker.js"></script>          
<script src="~/Scripts/moment.min.js"></script>
<script src="~/Scripts/moment.js"></script>
<link href="~/Content/bootstrap-datepicker.css" rel="stylesheet" />        
<link href="~/Content/bootstrap-datepicker3.css" rel="stylesheet" />  
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/moment-datepicker/datepicker.css" rel="stylesheet" /> 



<script type="text/javascript" src="../../Scripts/Create.js"></script>

【问题讨论】：

您尝试将日期选择器附加到 div 标签。将id="datetimepicker4" 添加到输入中（并将其从 div 中删除）

@StephenMuecke-嗨，不确定我明白了你能告诉我你的意思吗？

@StephenMuecke-你的意思是这样 ，这不是要么工作......而且也喜欢这样 dosnt work

刚刚意识到您正在将其作为一个组件执行，在这种情况下，我认为您需要<div id="datetimepicker4" class="input-append date">（注意“日期”）。另一种方法是用作字段，在这种情况下，id 将应用于输入，如<input id="datetimepicker4 data-format="yyyy-MM-dd" type="text" />

@StephenMuecke-不确定我明白你能不能把它作为答案？

【参考方案1】：

有同样的问题，在我的情况下，我已经包括在内了 bootstrap-datepicker.js 早于 bootstrap.min.js 。 将 bootstrap-datepicker.js 移至页脚后 - 一切正常。

【参考方案2】：

尝试将date 类添加到<div> 标记

<div class="well">
  <div class="input-append date"> // additional class name
    <input data-format="yyyy-MM-dd" type="text" id="datetimepicker4" />
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
  </div>
</div>

来自文档

将日期类添加到 input-append 或 input-prepend 引导程序 组件将允许附加元素触发选择器。

【参考方案3】：

将您的代码更改为：

<div class="well">
    <div class="input-append">
        <input data-format="yyyy-MM-dd" type="text" id="datetimepicker4" />
        <span class="add-on">
            <i data-time-icon="icon-time" data-date-icon="icon-calendar">
            </i>
        </span>
    </div>
</div>

这应该可以解决问题。