2

我是一个 javascript 新手,尤其是 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>

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

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

1 回答 1

1

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

<input type="text" name="basic_example_1" id="basic_example_1" value="" />
于 2012-12-16T02:19:22.793 回答