1

次のgemをインストールし、datepickerを実装しようとしています。日付ピッカーはフィールドに表示されますが、日付を選択すると、データが保持されないか、フィールドに表示されません。私は自分のcoffeescriptまたはhtmlを間違えていますか?それとも、これは宝石間の非互換性である可能性がありますか?

gem 'bootstrap-sass'
gem 'bootstrap-datepicker-rails'

http://www.eyecon.ro/bootstrap-datepicker/

https://github.com/Nerian/bootstrap-datepicker-rails

articles.js.coffeescript

jQuery ->
  $('#datepicker').datepicker()
    dateFormat: 'yyyy-mm-dd'
    weekStart: 0
    autoclose: true

_form.html.erb

<div class="field" id="datepicker" data-date="current" > 
  <%= f.label :due %>
  <%= f.text_field :due, 'data-behaviour' => 'datepicker' %>
</div>
4

3 に答える 3

3

Bootstrap 日付ピッカー形式では、日付を次のようにフォーマットする必要があります。

<script type="text/javascript">
$(document).ready(function(){
  $('[data-behaviour=datepicker]').datepicker({format: 'yyyy-mm-dd'});
});
</script>
于 2013-06-08T14:50:24.620 に答える
1

生のファイルをhttp://www.eyecon.ro/bootstrap-datepicker/からダウンロードして、それぞれjavascriptsディレクトリとstylesheetsディレクトリに配置してみてください。次に、application.jsで、次のことを確認します。

//= require bootstrap-datepicker

あなたのapplication.cssファイルで

*= require datepicker

ビューファイルで、最初に次の単純なコード行を試してください(div内に含めることはできますが、div内のIDを削除してください)。

<%= f.text_field :due, :id => "datepicker" %>

および(同じファイルの最後に)

<script>
$('#datepicker').datepicker({format: 'mm-dd-yyyy'});
</script>
于 2012-12-20T22:55:55.960 に答える
0

使用した日付ピッカーは、他の JavaScript と競合している必要があります。日付ピッカーを配置したのと同じページで使用してみてください。

于 2020-08-19T14:22:31.070 に答える