Question

我是一个javascript newby，特别是jquery，我无法启动datetimepicker。我确信我犯了一个基本的错误，但我不能为我的生活弄明白。我希望点击它时可以触发时间戳。

谁能告诉我我做错了什么？（我正在使用这个时间选择器-http：//trentrichardson.com/examples/timepicker/#rest_examples）

外部样式表和javascript文件 - 可能相关也可能不相关

<link rel="stylesheet" href="http://127.0.0.1/bi/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="http://127.0.0.1/bi/assets/bootstrap/css/custom_bootstrap.css">
<link rel="stylesheet"
    href="http://127.0.0.1/bi/assets/bootstrap/css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<link rel="stylesheet"
    href="http://127.0.0.1/bi/assets/timepicker/jquery-ui-timepicker-addon.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="http://127.0.0.1/bi/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="http://127.0.0.1/bi/assets/jquery_validate/jquery.validate.min.js"></script>
<script src="http://127.0.0.1/bi/assets/timepicker/jquery-ui-timepicker-addon.js"></script>

HTML - 相关标记

<form class="well form" method="post" id="checkin">
    <fieldset>
        <input type="text" name="basic_example_1" id="basic_example_1" value="" class="hasDatepicker">
    </fieldset>
    <div class="form-actions">
        <button type="reset" class="btn">Clear</button>
        <button type="submit" class="btn btn-primary" name="checkin" value="submit">Checkin</button>
    </div>
</form>

</body>之前的Javascript - 相关的javascript

<script type="text/javascript">
$(document).ready(function(){
    $('#basic_example_1').datetimepicker();
});
</script>

Answer 1

hasDatepicker是由jQuery UI添加的，自己添加会导致问题。据推测，因为它认为它已经添加了一个日期选择器，并且不会在同一个元素中添加第二个。

<input type="text" name="basic_example_1" id="basic_example_1" value="" />

Jquery ui timepicker不会开火

1 个答案: