Question

我，我使用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位于两者之上。如果仅在图标上使用此类，则仅在图标上单击但不在文本字段上添加值时显示日历。我怎样才能实现那一个。请给出任何建议!!

Answer 1

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

包含输入框和跨度的容器。

喜欢

%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

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

1 个答案: