ruby-on-rails - 日期选择器不适用于 bootstrap-modal

Question

我正在尝试在 Rails 项目上实现引导模式。它工作正常，只是我的日期选择器不在模式内工作。在我的索引文件中，我有以下内容

<%= link_to "search_products", search_products_path, remote: true,  "data-toggle" => "modal", 
     'data-target' => '#search-products' %>

<div class="modal fade" id="search-products" tabindex="-1"  
    role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
      <div class="modal-content"></div>
  </div>
</div>

然后在 app/views/products/search_products.js.erb 中我有

 $("#search-products").html("<%= escape_javascript(render 'products/search_product') 
  %>")

在“search_product”部分内，

  <%= text_field_tag :date_purchased, type: "text", placeholder: t('click_here'), 
     class: "form-control date_picker" %>

我正在使用rails4 日期选择器不是来自 Bootstrap ，并且在我的应用程序的非模式页面中工作正常。如果有人能告诉我我做错了什么，我将不胜感激。

谢谢

Answer 1

在您的 app/views/products/search_products.js.erb 中，您还必须在将 HTML 动态添加到 DOM 中时显式初始化日期选择器。所以该文件应该看起来像这样(取决于您使用的日期选择器):

$("#search-products").html("<%= escape_javascript(render 'products/search_product') %>");
$(".date_picker").datepicker();