javascript - 时间选择器操作未触发

Question

这是一个jsfiddle，在小提琴中我已经包含了 jquery 2 和这个 timepicker 库http://jonthornton.github.io/jquery-timepicker/jquery.timepicker.js

并且输入具有 idstartTime

我在脚本中执行此操作：

<script type="text/javascript">
    $('#startTime').timepicker();
</script>

问题是当我单击该输入文本时没有出现任何内容，尽管教程指出这足以触发 timepicker 下拉菜单。

请问我错过了什么？

对于那些没有使用过这个库的人，这是它的链接http://jonthornton.github.io/jquery-timepicker/你可以从这里下载它https://github.com/jonthornton/jquery-timepicker

Answer 1

您需要包含jquery.timepicker.css文件。

您应该使用文档就绪处理程序。像

$(document).ready(function() { 
    $('#startTime').timepicker(); 
});

演示

Answer 2

这是工作JSFIDDLE：

您需要包含所有下面提到的文件才能使插件正常工作。你可能会遗漏一些。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
bootstrap-datepicker.js
bootstrap-datepicker.css
jquery.timepicker.js
query.timepicker.css

JS：

$('#startTime').timepicker();

Answer 3

试试这个 ：

<script type="text/javascript">
$(document).ready(function () {
    $('#startTime').timepicker({dateFormat: 'm/d/yy', maxDate: '@DateTime.Now.ToString("MM/dd/yyyy")' });
});
</script>