jquery - bootstrap-datepicker-rails - 选择日期不会持续

Question

我已经安装了以下 gem，并正在尝试实现一个 datepicker。日期选择器显示在该字段中，但是当我选择一个日期时，数据不会持续存在，甚至不会显示在该字段中。我的咖啡脚本或 html 是否出错 - 或者这可能是宝石之间的不兼容？

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

文章.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>

score 3 · Accepted Answer

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

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

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

3 回答 3