页面显示时打开日期选择器

Question

我正在尝试将datetime-rails gem与我的项目整合，但没有运气...... 我按照github页面上的说明操作并使其正常工作，但每次我访问页面加载后立即显示日期选择器的页面。你可以在下面的屏幕上看到它：
所以，正如你猜测我不希望这些选择器显示，直到用户点击按钮。

经过一番调查后，我发现这个gem将其中一个脚本添加到您的视图文件中：

$(document).on('ready page:change', function() {
  $('.datepicker').datetimepicker({
      direction: 'bottom',
      pickTime: false
  });
});

$(document).on('ready page:change', function() {
  $('.datetimepicker').datetimepicker({
      direction: 'bottom',
pickSeconds: false
  });
});

$(document).on('ready page:change', function() {
  $('.timepicker').datetimepicker({
      direction: 'bottom',
      pickDate: false,
      pickSeconds: false
  });
});

所以我猜taht 'ready page:change'是问题的根源，但是将其改为例如'click'也不能满足我的需要。

此视图的我的HAML文件如下所示：

%h1 Look for available places

= simple_form_for :search, url: places_path do |p|
  = p.input :group_id
  = p.input :start_date, :as => :date_picker
  = p.input :end_date, :as => :date_picker
  = p.button :submit

任何帮助将不胜感激！