0

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

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

这是中的 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）安装 gems 并//= require在application.js文件中使用
B）还将文件放在 assets/javascripts 文件夹中（这些文件在文件中第二次//= require_tree .加载application.js）
C ) 还通过<script>HTML 中的标签链接到文件

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

于 2013-04-09T23:42:24.773 回答