0

私はコーディングにかなり慣れていないため、bootstrap-datepicker ( https://github.com/Nerian/bootstrap-datepicker-rails ) を正しく開くことができません。モーダルは機能しますが、日付ピッカーは機能しません-誰かが私を正しい方向に向けるのを手伝ってくれれば幸いです。

問題の原因が次のいずれかであるかどうかはわかりません
。A) Javascript が間違った場所にありますか? タグのすぐ前に、いくつかの<script>下<head>と日付ピッカー スクリプトがあります。 B) アセット/javascripts にファイルがありませんか? ここにはすでにbootstrap.jsとbootstrap-datepicker.jsを追加しています。 C) 他に何か？</body>

の HTML は次のapplication.html.erbとおりです。

<head>
    <%= stylesheet_link_tag    "application", media: "all" %>
    <%= javascript_include_tag "application" %>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="assets/javascripts/bootstrap.js"></script>
    <%= csrf_meta_tags %>
    <%= render 'layouts/shim' %>
</head>

<body>

    <div id="container">
        <a id="link" href="#myModal" class="btn btn-large btn-primary" data-toggle="modal">Get started now</a>
        <div class="modal hide fade" id="myModal" aria-hidden="true">
            <div class="well">
                <input type="text" data-behaviour='datepicker' >
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function() {
            $('[data-behaviour~=datepicker]').datepicker({
                "format": "yyyy-mm-dd",
                "weekStart": 1,
                "autoclose": true
            })
        });
    </script>

助けてくれてありがとう！

4

1 に答える 1

0

私自身の問題を解決しました。問題は、JavaScript ファイルを何度も読み込んでいたことでした:
A) gem をインストールし//= requireてapplication.jsファイルで使用する
B) ファイルを assets/javascripts フォルダーにも配置する (これらのファイルは//= require_tree .、application.jsファイル内で 2 回目に読み込まれました)
C ) また<script>、HTML のタグを介してファイルにリンクする

A) のみを実行して問題を修正しました。これが他の誰かに役立つことを願っています!

于 2013-04-09T23:42:24.773 に答える