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

【问题标题】：bootstrap-datepicker-rails, show calendar only on clicking calander-icon(not on text field)bootstrap-datepicker-rails，仅在单击日历图标时显示日历（不在文本字段上）
【发布时间】：2013-05-16 05:45:11
【问题描述】：

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

【问题讨论】：

标签： ruby-on-rails-3 datepicker

【解决方案1】：

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

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

【讨论】：