用户单击按钮时，通过部分添加UI元素

Question

我希望每次单击按钮时渲染部分。这是一个活动策划应用程序，每次用户点击按钮，我想将UI（通过部分）添加到div，其中UI的每个实例都有一个日期选择器，并开始时间/结束时间选择器。

我在视图“添加日期”中有一个按钮：

<%= submit_tag "Add Date", :type => 'button', class: "add_date_button"%>

按钮下面我有一个最初为空的div：

<div class="dates_container">

在同一页面上，我有Javascript（JQuery）来注册一个点击处理程序：

<script type="text/javascript">
  $('.add_date_button').click(on_add_date);
</script>

在一个单独的文件中，我有点击处理程序：

function on_add_date(){
  alert('here');
}

单击处理程序有效，因为单击按钮时会显示警告。

我希望每次单击按钮时渲染部分。这是一个活动策划应用程序，每次用户点击按钮，我想将UI（通过部分）添加到div，其中UI的每个实例都有一个日期选择器，并开始时间/结束时间选择器。

但是由于我对Rails的理解，当用户点击按钮时，Rails已经渲染了页面并将其发送到用户的浏览器，因此无法通过局部添加UI。我错了吗？

我是否应该只使用JQuery将日期/时间创建UI行添加到div中，然后在保存表单时将总日期/时间信息发送到后端？我无法刷新页面，因为用户已在表单中输入其他信息，我无法将其删除。