使用 rails content_tag 引导日期选择器答案

【问题标题】：bootstrap datepicker with rails content_tag使用 rails content_tag 引导日期选择器
【发布时间】：2018-03-17 18:12:40
【问题描述】：

如何使用 rails content_tag 帮助器编写以下代码：

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

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap bootstrap-datetimepicker content-tag

【解决方案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>

希望它应该工作。

【讨论】：