Ruby on rails 3 引导日期选择器轨道，仅在单击日历图标时显示日历（不在文本字段上）

一、 我使用

bootstrap-datepicker-rails

gem作为日期选择器，只需点击图标（而不是点击文本字段）即可启动日历。 现在在我的表格中使用：

= form_for (ServiceExp.new), :remote => true do |s|
  %ul
    %li
      = s.label :position
      = s.text_field :position
    %li
      = s.label :start_date
      %p
        From
    %li
      .input-append.date.datepicker
        = s.text_field :start_date, :class =>"input-mini"
        %span.add-on
        .calander-icon        
      To
      .input-append.date.datepicker
        = s.text_field :end_date, :class => "input-mini"
        %span.add-on
          .calander-icon
    %li
      = s.label :description
      = s.text_area :description

  = s.submit 'Save',:class => "btn btn-primary"

在javascript中：

$('.datepicker').datepicker();

这里，日历同时显示在文本字段和图标上，因为类

datepicker

位于两者之上。如果仅在图标上使用该类，则仅在图标单击时显示日历，而不在文本字段上添加值。我怎样才能做到这一点。请给出任何建议

添加

：“数据日期格式”=>'dd-mm-yyyy'，：'data-date'=>'12/2/2013'#默认日期

到包含输入框和范围的div容器

像

%li
      .input-append.date.datepicker{:"data-date-format" => 'dd-mm-yyyy', :'data-date' => '12/2/2013'} # default date
        = s.text_field :start_date, :class =>"input-mini"
        %span.add-on
        .calander-icon