- JavaScript运行时错误:对象不支持属性或方法' datetimepicker'

时间:2018-01-12 20:29:53

标签: javascript jquery jquery-ui jquery-ui-datepicker

尝试让DateTime选择器为我的应用程序工作,但每当我加载页面时,它都会因标题中的错误而崩溃。

这是我要将日期时间选择器放在

上的页面
 <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery_calendar/jquery-ui.js"></script>
<script>
    $('#DateOfAppointment').datetimepicker({
        controlType: 'select',
        oneLine: true,
        timeFormat: 'hh:mm tt',
        minDate: 0
    });
</script>

我错过了一些小事,还是我离开了?

编辑:继承我使用的链接

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

编辑:目录图片

enter image description here

1 个答案:

答案 0 :(得分:-1)

要使此工作正常,您必须链接以下js和css。

<script src="https://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.7.0/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css">

https://jsfiddle.net/95w8uvgo/