bootstrap 带 rails content_tag 的日期选择器

Question

如何使用 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>

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>

希望它能奏效。

bootstrap 带 rails content_tag 的日期选择器

bootstrap datepicker with rails content_tag

ruby-on-rails

content-tag

twitter-bootstrap

bootstrap-datetimepicker