Question

我安装了以下宝石，并尝试实现一个日期选择器。日期选择器显示在字段中，但是当我选择日期时，数据不会持久存在，甚至会显示在字段中。我用我的coffeescript或html犯了错误 - 或者这可能是宝石之间的不兼容？

gem 'bootstrap-sass'
gem '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>

Answer 1

在Bootstrap日期选择器格式中，您需要以这种方式格式化日期：

<script type="text/javascript">
$(document).ready(function(){
  $('[data-behaviour=datepicker]').datepicker({format: 'yyyy-mm-dd'});
});
</script>

Answer 2

尝试从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>

Answer 3

您使用的日期选择器必须与其他一些javascript冲突。尝试在与放置日期选择器相同的页面上使用它。