Jquery-ui日期拾取器与洗劫

Jquery-ui datepicker with ransack

本文关键字：日期 Jquery-ui      更新时间：2023-09-26

我试图用ransack设置一个日期范围过滤器。所以在我看来:

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

我使用jquery-ui datepicker

设置:

Gemfile: 

gem 'jquery-ui-rails'

application.js 

//= require turbolinks
//= require jquery
//= require jquery_ujs
//= require jquery-ui/datepicker
$("#datepicker").datepicker();

application.scss 

@import 'jquery-ui/datepicker';

application.html.erb 

 <script>
      $(function() {
          $( "#datepicker" ).datepicker();
      });
  </script>
  </body>

问题是，在视图中，当我点击第一个搜索字段时，它确实显示日历，当我点击第二个搜索字段时，什么也没有发生。

原因是什么?

注意:同一页上不能有多个重复的id

在视图中使用类并按如下方式调用:

$('.datepicker').each(function(){
    $(this).datepicker();
});
相关文章：