Datepicker日曆不會顯示在模式中

我對編碼相當陌生，並且無法使bootstrap-datepicker（https://github.com/Nerian/bootstrap-datepicker-rails）正確打開。雖然模式有效，但日期選擇器不會 - 如果有人能幫助我指出正確的方向，我會很感激。Datepicker日曆不會顯示在模式中

我不確定問題是否由以下原因引起：
答：Javascript在錯誤的地方？我有<script><head>下的幾個標記之前的日期選擇器腳本。
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>

感謝您的幫助！

來源

2013-04-08 Alex Yang

解決了我自己的問題。問題是，我加載的JavaScript文件太多次：
A）安裝寶石和使用//= require在application.js文件
B）也將文件放置在assets/javascripts文件夾中（這些文件被第二次加載通過在application.js文件//= require_tree .）
C）也通過<script>標籤鏈接到文件的HTML

做一個固定的問題）只。希望這可以幫助別人！

來源

2013-04-09 23:42:24

Datepicker日曆不會顯示在模式中

回答

相關問題