使用引导程序Datepicker时,Object [object Object]没有方法

时间:2013-02-08 23:01:04

标签: twitter-bootstrap datepicker

我正在使用 DatePicker ,尝试使用时出现以下错误:

TypeError:对象[object Object]没有方法'datetimepicker'

它在我的脚本部分给出了错误,如下所示:

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

这是我的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>

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

任何想法?

2 个答案:

答案 0 :(得分:4)

我也有这个问题,我通过使用以下HTML作为我的日期选择器解决了这个问题。

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

这是需要引用的以下库。

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

绑定日期选择器可以使用以下内容。

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

      });
});

答案 1 :(得分:-2)

我遇到了类似的问题,得到了“[Object Object]”,所以我希望这能帮到你...... 您是否尝试将$('#StartDate').datetimepicker({更改为$('#StartDate').datetimepicker.val()({如果我思考正确,你选择了datepicker元素,而不是它的价值。