Question

如何使用rails content_tag helper编写以下代码：

<div class="input-group date" data-provide="datepicker">
    <input type="text" class="form-control">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>
</div>

Answer 1

您可以按照以下步骤 -

在content_tag中编写此代码

步骤1.转到应用程序帮助程序文件，并在应用程序帮助程序文件中添加下面的帮助程序方法 -

# app/views/helpers/application_helper.rb

def generate_date_picker_field 
  content_tag :div, class: "input-group date", :data => {:provide => 'datepicker'} do
  concat text_field_tag nil, nil, class: 'form-control', id: nil
  concat content_tag :div, class: "input-group-addon", &-> do
    content_tag :span, nil, class: 'glyphicon glyphicon-th'
  end
end

端

步骤 - 2.将此帮助程序方法调用到您的视图文件。例如 -

# app/views/layouts/application.html.erb
<body>
 <%= yield %>
 <%= generate_date_picker_field %>
</body>

希望它能够奏效。

带有rails content_tag的bootstrap datepicker

1 个答案: