TimePicker JS 库没有被调用答案

【问题标题】：TimePicker JS library not getting calledTimePicker JS 库没有被调用
【发布时间】：2015-10-18 11:26:09
【问题描述】：

我正在尝试让时间选择器工作，但它失败了，没有错误，页面上也没有显示任何内容。 Inspector 显示了预期的内容。

我想知道是不是因为我的进口。

   <link rel="stylesheet" th:href="@{/assets/css/bootstrap.css}" />
<meta charset="utf-8"/>
<link rel="stylesheet" th:href="@{/assets/css/jquery-ui.css}"/>
<link rel="stylesheet" th:href="@{/assets/css/timePicker.css}"/>
<script src="/assets/JS/jquery-1.10.2.js"></script>
<script src="/assets/JS/jquery-ui.js"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.4.5/i18n/jquery-ui-timepicker-addon-i18n.min.js"></script>-->
<script src="/assets/JS/timePicker.js"></script>

然后我从网站上复制了一份副本，而不是针对我自己的 ID。

<body>
<div>
    <input type="text" name="basic_example_2" id="basic_example_2" value="" class="hasDatepicker"/>
</div>

页面末尾的脚本标签：

<script>
//<![CDATA[
$(document).ready(function() {
    $( "#theDate" ).datepicker({
        showWeek: true,
        firstDay: 1,
        showOn: "both",
        buttonImage: "/assets/img/calendar.gif",
        buttonImageOnly: true,
        buttonText: "Select date",
        showButtonPanel: true

    });
    //Time pickers
    $('#basic_example_2').timepicker({

    });


});

日期选择器工作正常。

感谢您的任何建议。

【问题讨论】：

我建议您在页面的 body 末尾也加载脚本
@danleyb2 - 谢谢，不过，结果和以前一样。 DatePicker 很好，但 TimePicker 不行。

标签： javascript jquery datepicker timepicker

【解决方案1】：

试试这个...

//to scroll to current time
$('#basic_example_2').timepicker({'scrollDefault': 'now' });

或

 //no scroll
 $('#basic_example_2').timepicker();

删除没有属性的对象

【讨论】：

没有任何道具是我的第一次尝试，虽然我还没有尝试将它与最后加载的脚本结合起来......只是尝试过并且完全一样。 :(

【解决方案2】：

我解决了这个很奇怪的问题。我交换了 ID，所以我的目标是我的约会对象，瞧，它起作用了。他们之间的唯一区别是，根据示例，一个人有value=""，而我的约会对象没有。

删除值解决了问题，也许百里香叶不同意？如果有人能提供任何启示，那就太好了。

希望这对某人有所帮助。

【讨论】：