0

ブートストラップ用にこの datetimepicker をインストールしようとしています: https://github.com/Eonasdan/bootstrap-datetimepicker/wiki/Installation

ドキュメントのヘッダーにこれがあります：

    <script src="/js/jquery-1.11.1.min.js"></script>
    <script src="/js/moment.min.js"></script>

そして、これはフッターにあります：

    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/bootstrap-datetimepicker.min.js"></script>

ピッカーを使用したコードは次のとおりです。

                <div class="form-group">
                    <div class='input-group date' >
                        <input type='text' name="picker" class="form-control" id='datetimepicker'/>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
                </div>

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

問題は、.datetimepicker が「未解決の関数」であることです。なんで？

編集：

IDE（PHPStorm）は、未解決の機能だと言っています。実際にChromeで実行すると、次のことが確認されます。

    bootstrap-datetimepicker.min.js:1 Uncaught TypeError: undefined is not a function
    myfile.php:42 Uncaught TypeError: undefined is not a function
    bootstrap-datetimepicker.min.js:1 Uncaught Error: Must choose at least one picker

Edit2: ヘッダー/フッターを更新しました。ヘッダ：

フッター:

<script src="/js/bootstrap.min.js"></script>
<script src="/js/moment.min.js"></script>
<script src="/js/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-rowlink.js"></script>
<script src="/js/myscripts.js"></script>
<script type="text/javascript">
    $(function () {
        $('#datetimepicker').datetimepicker();
    });
</script>

IDE は datetimepicker() を関数として認識するようになりましたが、Chrome でも同じ問題が発生します。（上記を参照）

4

4 に答える 4

0

著者のサイトの例を確認してください

入力要素ではなく、囲んでいる div を参照する必要があります。

HTML は次のようになります。

              <div class="form-group">
                    <div class='input-group date' id='datetimepicker' >
                        <input type='text' name="picker" class="form-control"/>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
                </div>

于 2014-12-09T13:48:37.487 に答える