Question

我想使用 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

<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>

Answer 1

有同样的问题，在我的情况下，事实上我已经包括在内 bootstrap-datepicker.js早于bootstrap.min.js。将bootstrap-datepicker.js移动到页脚后 - 一切都很顺利。

Answer 2

将您的代码更改为：

<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>

应该这样做。

Answer 3

尝试将课程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引导程序组件将允许附加组件触发选择器。

未捕获的TypeError：undefined不是日期选择器引导程序的函数

3 个答案: