1

Boostrap DateTime ピッカー gem ( https://github.com/lubieniebieski/bootstrap-datetimepicker-rails ) を単純な形式で使用していますが、問題は次のとおりです。

入力フィールドを適切に表示するには (たとえばhttp://tarruda.github.io/bootstrap-datetimepicker/を参照)、次の手順を実行する必要があります。

    #apptime.input-append
        = f.input :app_time, :label => "Time", :wrapper => :append do
          = f.input_field :app_time, :as => :string, input_html: { "data-format" => "hh:mm:ss" }
          %span.add-on
            %i{"data-date-icon" => "icon-calendar", "data-time-icon" => "icon-time"}

次の HTML をレンダリングします。

    <input type="text" size="50" name="deal[app_time]" input_html="{"data-format"=>"hh:mm:ss"}" id="deal_app_time" class="string optional">

正しくレンダリングされないことに注意してください

    input_html: { "data-format" => "hh:mm:ss" }

一方

      #datetime.input-append
        = f.input :app_time, :as => :string, input_html: { "data-format" => "hh:mm:ss" }
        %span.add-on
          %i{"data-date-icon" => "icon-calendar", "data-time-icon" => "icon-time"}

正しい HTML をレンダリングしますが、ブートストラップ フォーム フィールドを台無しにします。だから私の質問は、単純なフォーム「input_field」を使用してデータ形式を指定する方法です

前もって感謝します

4

1 に答える 1

1

さて、次のように動作しました：

.datetime.input-append
  = f.input :mikor, :label => "Time", :wrapper => :append do
    = f.input_field :mikor, :as => :string, "data-format" => "yyyy/MM/dd hh:mm:ss" 
    %span.add-on
      %i{"data-date-icon" => "icon-calendar", "data-time-icon" => "icon-time"}

このように data-format を input_html 内に配置する必要はないようです。

于 2013-05-28T17:45:22.327 に答える