使用引导DatePicker时，Object [object Object]没有方法 [英] Object [object Object] has no method when using bootstrap Datepicker

问题描述

我正在使用 DatePicker ，并获得以下内容尝试使用它时出错：

TypeError：Object [object Object]没有方法'datetimepicker' / p>

它给我的脚本部分出现如下错误：

  $（function（）{
 $（'＃StartDate'）。datetimepicker（{
 pickTime：false 
}）; 
}）; 
  

这里是我的HTML：

 < div id =StartDateclass =input-append> 
< input data-format =yyyy-MM-ddtype =text/> 
< span class =add-on> 
< i data-time-icon =icon-timedata-date-icon =icon-calendar>< / i> 
< / span> 
< / div> 
  

我导入了所有必需的库，而我的基本Jquery库是1.9.0

任何想法？

解决方案

我也遇到过这个问题，跟随我的日期选择器的HTML。

 < div id =StartDateclass =input-append date> 
< input type =text/> 
< span class =add-on> 
< i data-time-icon =icon-timedata-date-icon =icon-calendar>< / i> 
< / span> 
< / div> 
  

这是需要引用的以下库。

 < script type =text / javascript
 src =http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3 /jquery.min.js\"> 
< / script> 
< script type =text / javascript
 src =http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js> 
< / script> 
< script type =text / javascript
 src =http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js> 
< / script> 
  

绑定datepicker可以使用以下内容。

{pre> $（function（）{
$（'＃StartDate'）。datetimepicker（{
pickTime：false
}）
.on（'changeDate'，function（ev）{
TaskSubmitViewModel.TaskStartDate（ko.toJSON（ev.date）.substr（1，10））

}）;
}）;


I am using this DatePicker and I get the following Error when trying to use it:

TypeError: Object [object Object] has no method 'datetimepicker'

It gives the error on my script section which looks like this:

 $(function () {
        $('#StartDate').datetimepicker({
            pickTime: false
        });
    });

And here is my HTML:

<div id="StartDate" 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>

I have imported all the required libraries and my base Jquery library is 1.9.0

Any Ideas?

解决方案

I also had this issue, i solved it by using the following HTML for my date picker.

<div id="StartDate" class="input-append date">
    <input type="text" />
    <span class="add-on">
    <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
</div>

This is the following libraries that needs to be referenced.

 <script type="text/javascript"
 src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script> 
<script type="text/javascript"
 src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
</script>
<script type="text/javascript"
 src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
</script>

to bind the datepicker the following can be used.

$(function () {
  $('#StartDate').datetimepicker({
     pickTime: false
   })
   .on('changeDate', function (ev) {
    TaskSubmitViewModel.TaskStartDate(ko.toJSON(ev.date).substr(1, 10))

      });
});

这篇关于使用引导DatePicker时，Object [object Object]没有方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！