Jquery DateTimePicker 不可见

Question

我正在尝试实现这个 http://trentrichardson.com/examples/timepicker/到我的项目。

问题是什么也没发生。

所以，这是我所做的但未删除的内容:

-我已经下载了 .js 文件并将其放入“Scripts”文件中。 -我以这种方式添加了对此脚本的引用:

<script src="@Url.Content("~/Scripts/jquery-ui-timepicker-addon.js")" type="text/javascript"></script>

我已将其添加到页面开头:

 <script type="text/javascript">
$(function () {
    $('.datetime').datetimepicker();
});
 </script>

我已将其添加到 css 文件的末尾:

 /* css for timepicker */
 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
 .ui-timepicker-div dl { text-align: left; }
 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
 .ui-timepicker-div td { font-size: 90%; }
 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

我也有这个:

 <input type="text" class="datetime" id="datetime1" value="" />

问题是只显示了文本框。时间选择器不是。我还不太明白什么？

Answer 1

这里也为您演示:http://jsfiddle.net/atP2P/

HTML

缺少类

<script src="http://trentrichardson.com/examples/timepicker/js/jquery-ui-timepicker-addon.js" type="text/javascript"></script>

<input type="text" name="datetime" id="datetime1" class="datetime" value="" />
​