如何解决无法读取未定义错误的属性'timepicker'

时间:2013-09-01 15:40:30

标签: jquery jquery-ui

我正在尝试在网页上实现Jquery日期时间选择器,但不断收到以下错误:

未捕获的TypeError:无法读取未定义的属性'timepicker'

我从这里下载了timepicker add:

http://trentrichardson.com/examples/timepicker/#basic_examples

http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js

以下是生成错误的代码部分:

$.ui.timepicker = $.ui.timepicker || {};
if ($.ui.timepicker.version) {
    return;
}

在我的网页上,我有以下内容:

<script type="text/javascript" src="/Scripts/jquery-lib/jquery-2.0.3.js"></script>

<script type="text/javascript"  src="/Content/bootstrap/js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript"  src="/Content/bootstrap/js/jquery.ui.datepicker.js"></script>
 <script type="text/javascript"  src="/Content/bootstrap/js/jquery-ui-sliderAccess.js"></script>

脚本:

<script>
    $(function () {
        $("#datetimepicker").datepicker();
    });

2 个答案:

答案 0 :(得分:12)

未捕获的TypeError:无法读取未定义的属性'timepicker'表示

$.ui

未定义。所以,你可能还没有包含jQuery UI。尝试在任何脚本之前包含它(jQuery本身除外)。

答案 1 :(得分:0)

您还必须导入jQuery lib以使用jQuery插件。在剩下的部分之前抛出这个脚本:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>