0

私は、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ここでは、クラスが両方の上にあるため、Calendar はテキスト フィールドとアイコンの両方に表示されます。このクラスをアイコンでのみ使用すると、アイコンのクリックでのみカレンダーが表示されますが、テキスト フィールドには値が追加されません。どうすればそれを達成できますか。何か提案をください!!

4

1 に答える 1

0

追加:"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
于 2013-05-23T11:18:27.817 に答える