11

gem bootstrap-datepicker-rails のセットアップ方法を知っている人はいますか? 基本的にhttp://rubydoc.info/gems/bootstrap-datepicker-rails/0.6.21/framesの手順に従いました。

  1. twitter-bootstrap-railsgemをセットアップしました
  2. これをgemfileに追加しますgem 'bootstrap-datepicker-rails', '>= 0.6.21'

  3. この行を app/assets/stylesheets/application.css に追加します

    *= require bootstrap-datepicker

  4. この行を app/assets/javascripts/application.js に追加します

    //= require bootstrap-datepicker

  5. この行を app/assets/javascripts/controllername.js.coffee に追加します

    $('.datepicker').datepicker()

  6. 最後にビューで使用します:)

    <input type="text" data-behaviour='datepicker' >

しかし、それはうまくいきません!! 誰かがそれを機能させましたか？ここに示すようにうまくいくはずです：
http://jsfiddle.net/2Gg5k/43/

4

3 に答える 3

6

ステップ 5 とステップ 6 を見てください.datepicker。input field

これを試して

ビュー (例: フォーム)

<%= f.text_field :mydate, 'data-behaviour' => 'datepicker' %>

<script type="text/javascript">
  $('[data-behaviour~=datepicker]').datepicker();
</script>

またはコンポーネントとして：

<div class="input-append date datepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
    <%= f.text_field :mydate, 'data-behaviour' => 'datepicker', :disabled => 'disable' %><span class="add-on"><i class="icon-th"></i></span>
</div>

<script type="text/javascript">
  $('.datepicker').datepicker();
</script>

dateとりわけ、タイプを使用する属性の場合の例。タイプを使用する属性の場合、 bootstrap-datetimepicker-rails gemを使用できます。datetime

于 2013-07-16T05:13:38.783 に答える
1 
In the view, try this:
<div class="field">
  <%= f.label 'Trade Date: ' %>
  <%= f.text_field :trade_date, 'data-behaviour' => 'datepicker' %><br />
</div>  
In your application.js, use:
$(document).on("focus", "[data-behaviour~='datepicker']", function(e){
    $(this).datepicker({"format": "yyyy-mm-dd", "weekStart": 1, "autoclose": true})
});
instead of 
$('.datepicker').datepicker()
于 2012-12-28T12:58:28.110 に答える