ruby-on-rails-3 - bootstrap-datepicker-rails，仅在单击日历图标时显示日历（不在文本字段上）

Question

我正在使用bootstrap-datepicker-railsgem 作为日期选择器，并且只想在图标点击（而不是点击文本文件）时使用日历。现在写我在我的表格中使用：

= 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在两者之上。如果仅在图标上使用此类而不是仅在图标单击时显示日历，而不在文本字段上添加值。我怎样才能做到这一点。请给任何建议！

Answer 1

添加:"data-date-format" => 'dd-mm-yyyy', :'data-date' => '12/2/2013' # default date

到包含输入框和跨度的 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