Question

我对编码很新，并且无法正确打开bootstrap-datepicker（https://github.com/Nerian/bootstrap-datepicker-rails）。虽然模态有效，但是日期选择器没有 - 如果有人可以帮我指出正确的方向，我会很感激。

我不确定问题是否是由以下原因引起的：
A）Javascript在错误的地方？我在<script>下面有几个<head>，在</body>标记之前有一个datepicker脚本。
B）缺少资产/ javascripts中的一些文件？我已经在这里添加了bootstrap.js和bootstrap-datepicker.js C）别的什么？

以下是application.html.erb中的HTML：

<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>

感谢您的帮助！

Answer 1

解决了我自己的问题。问题是我多次加载javascript文件：
A）安装宝石并在//= require文件中使用application.js B）还将文件放在assets / javascripts文件夹中（这些文件在//= require_tree .文件中通过application.js第二次加载） C）还通过HTML

中的<script>标签链接到文件

仅通过执行A）解决了问题。希望这有助于其他人！

Datepicker日历不以模态显示

1 个答案: