Question

我试图让时间选择器工作，它失败，没有错误，没有任何显示在页面上。 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>

然后，我从网站上获取了一份副本，而不是以我自己的身份为目标。

<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({

    });


});

日期选择器工作正常。

感谢您的任何建议。

Answer 1

试试这个......

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

或

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

删除没有属性的对象

Answer 2

我解决了这个很奇怪的问题。我交换了ID，所以我的目标是我的日期，并且它有效。它们之间的唯一区别是，根据示例，一个人value=""，而我的约会没有。

删除该值修复了问题，也许百里香叶不批准？如果任何人都可以放弃任何光线，那就太棒了。

希望这有助于某人。

没有调用TimePicker JS库

2 个答案: