使用表单助手实现日期选择器

Question

所以我正在运行 bootstrap-datepicker-rails gem 并希望在我的表单中实现它：

<div class="input-group date">
<input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
</div>

$('#sandbox-container .input-group.date').datepicker({
  maxViewMode: 2,
  multidate: true,
  daysOfWeekDisabled: "0,6",
  daysOfWeekHighlighted: "1,2,3,4,5",
  todayHighlight: true
});

这个东西应该如何使用表单助手？ 我当前的代码如下所示：

    <div class="col-md-2 ">
      <%= f.label :date %><br>
      <%= f.text_field :date %>  
    </div>

我假设 jquery 代码将转到 application.js。

Answer 1

你可以这样做：

<div class="col-md-2 ">
  <%= f.label :date %><br>
  <%= f.text_field :date, id: "id_datepicker" %>  
</div>

<script type="text/javascript">
  $(function(){
    $('#id_datepicker').datepicker({
      maxViewMode: 2,
      multidate: true,
      daysOfWeekDisabled: "0,6",
      daysOfWeekHighlighted: "1,2,3,4,5",
      todayHighlight: true
    });
  });
</script>

按照jquery datepicker的官方文档，你必须把代码放在jquery里面。

https://jqueryui.com/datepicker/#default