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 に答える