对象没有方法“Timepicker”

Question

目前，我正在与bootstrap supr theme合作一个项目。默认情况下，它加载以下js文件：

bootstrap.js
colorpicker.js, date.js, elfinder.min.js, fullcalendar, iosorientation, jpages.min, jquery-ui, jquery-cookie, jquery-datatable, jquery-duallistbox, jquery-elastic, jquery-ibutton, jquery-imputlimiter, jquery, jquery-knob, jquery-lazyload, jquery-min, jquery-ui.button, jquery-ui.button, responsivetable, timepicker-addon etc.

无论何时在页面中，当我在页面中使用时间选择器时，使用代码

$(document).ready(function() {
    $("#AcAppointments_start_time").timepicker({
        ampm: true,
        timeFormat: 'hh:mm TT',
        stepMinute: 5,
    });

    $("#AcAppointments_end_time").timepicker({
        ampm: true,
        timeFormat: 'hh:mm TT',
        stepMinute: 5,
    });
});

在控制台中，我收到错误Uncaught TypeError: Object [object Object] has no method 'timepicker'

此错误的可能原因是什么?？

更新：

包含的js有

<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/supr/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/supr/bootstrap/bootstrap.js"></script>  
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/supr/jquery.cookie.js"></script>

<!-- Load plugins -->
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/qtip/jquery.qtip.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/sparkline/jquery.sparkline.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/knob/jquery.knob.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/fullcalendar/fullcalendar.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/prettify/prettify.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/watermark/jquery.watermark.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/elastic/jquery.elastic.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/inputlimiter/jquery.inputlimiter.1.3.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/maskedinput/jquery.maskedinput-1.3.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/ibutton/jquery.ibutton.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/uniform/jquery.uniform.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/stepper/ui.stepper.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/color-picker/colorpicker.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/timeentry/jquery.timeentry.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/select/select2.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/dualselect/jquery.dualListBox-1.3.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/validate/jquery.validate.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/animated-progress-bar/jquery.progressbar.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/pnotify/jquery.pnotify.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/lazy-load/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/jpages/jPages.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/pretty-photo/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/smartWizzard/jquery.smartWizard-2.0.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/touch-punch/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/ios-fix/ios-orientationchange-fix.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/dataTables/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/elfinder/elfinder.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/plupload/plupload.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/plupload/plupload.html4.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/plupload/jquery.plupload.queue/jquery.plupload.queue.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/plugins/responsive-tables/responsive-tables.js"></script>
<!-- Important Place before main.js  -->
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/supr/jquery-ui.min.js"></script>
<script src="<?php echo Yii::app()->request->baseUrl; ?>/js/supr/js/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/supr/main.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/supr/appointpressjs.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/bootstrap-tooltip.js"></script>

Answer 1

您是否在此代码块之前和UI核心js之后包含了您的timepicker.js(诸如此类)？基本上，您需要首先为timepicker.js添加依赖项，然后添加时间选择器js本身，然后添加代码块。谢谢。

Answer 2

浏览器控制台告诉你浏览器找不到时间选择器插件。这意味着你没有正确地包含你的计时器插件。

据我所知，bootstap中没有timepicker组件。你应该使用一些第三方插件。像这样的http://jdewit.github.io/bootstrap-timepicker/

检查您的脚本文件夹中是否存在timepicker脚本。检查是否在连接引导脚本后添加了带有timepicker的脚本标签