Datepicker 日历不以模式显示答案

【问题标题】：Datepicker calendar doesn't display in modalDatepicker 日历不以模式显示
【发布时间】：2013-04-10 07:42:24
【问题描述】：

我对编码还很陌生，无法正确打开 bootstrap-datepicker (https://github.com/Nerian/bootstrap-datepicker-rails)。虽然模态有效，但日期选择器不起作用 - 如果有人能帮助我指出正确的方向，我将不胜感激。

我不确定问题是否由以下原因引起：
A) Javascript 在错误的地方？我在<head> 下有几个<script> 和</body> 标记之前的日期选择器脚本。
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>

感谢您的帮助！

【问题讨论】：

标签： twitter-bootstrap ruby-on-rails-3.2 datepicker

【解决方案1】：

解决了我自己的问题。问题是我加载 javascript 文件的次数过多：
A) 安装 gem 并在 application.js 文件中使用 //= require
B) 还将文件放在 assets/javascripts 文件夹中（这些文件通过 //= require_tree . 在 application.js 文件中第二次加载）
C）还通过HTML中的<script>标签链接到文件

仅通过执行 A) 解决了该问题。希望这对其他人有帮助！

【讨论】：