0

Bootstrap datetimepickerを使用しようとしています:

すべての指示に従ったと思いますが、機能させることができません。Firebugエラーは発生せず、すべてのファイル パスを何度も確認しました。私は何を間違っていますか？

(私は実際にここで同じ質問を見つけましたが、回答されていません: Can't make datepicker bootstrap to work )

これが私のJSfiddleです

そして、ここに私のコードがあります:

<html>
    <head>
        <title>date test</title>
        <link href="css/bootstrap.min.css" rel="stylesheet"/>
        <link rel="stylesheet" href="bootstrap-datetimepicker.min.css"/>
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class='col-sm-6'>
                    <div class="form-group">
                        <div class='input-group date' id='datetimepicker1'>
                            <input type='text' class="form-control" />
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>
            </div>
        </div>    
            <script type="text/javascript" src="jquery.js"></script>
            <script type="text/javascript" src="moment.js"></script>
            <script type="text/javascript" src="transition.js"></script>
            <script type="text/javascript" src="collapse.js"></script>
            <script type="text/javascript" src="bootstrap.min.js"></script>
            <script type="text/javascript" src="bootstrap-datetimepicker.min.js"></script>
    </body>
</html>
4

3 に答える 3

0

私の更新されたフィドルをチェックしてください

2 つの問題がありました:

1- jQueryライブラリが欠落していた
2- jsfiddle のdivResultが日付範囲ピッカー ボタンと重なっていたため、テスト用のマージンを追加しました。

<div class='input-group date' id='datetimepicker1' style="margin-top: 100px;">
于 2014-11-19T07:33:19.790 に答える
0

JS 

$(function () {
     $('.datetimepicker1').datetimepicker();
});

HTML

<div class="container">
            <div class="row">
                <div class='col-sm-6'>
                    <div class="form-group">
                        <div class='datetimepicker1 input-group date'>
                            <input  type='text' class="datetimepicker1 form-control" />
                            <span id='' class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>
                </div>

注：* collapse.jsjsfiddle の外部リソースから削除しました。構文エラーがスローされていましたが、最後にロードしていました。修正を行い、代わりにボックスにjquery library 2.1割り当てました*id='datetimepicker1'inputdiv

作業中の JSFiddle を表示

于 2014-11-19T07:08:53.317 に答える
0

あなたのフィドルでは、jQueryライブラリを参照していませんでした。

この更新されたフィドルで動作します

于 2014-11-19T07:09:16.770 に答える