Question

我正在使用简单形式的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'

指定数据格式

提前致谢

Answer 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"}

看起来我们不需要以这种方式将数据格式放在input_html中。

在Rails中为Simple Form和Bootstrap DateTimepicker指定日期格式

1 个答案: