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 回答