如何在Rails页面中获取用户起止日期并用于图表参数配置？

1. 补全表单提交逻辑 #

你的现有表单缺少提交按钮和明确的提交规则，先修改表单代码：

<%= form_with(url: request.path, method: :get, local: true) do |form| %>
  <%= form.label :start_date, "起始日期" %>
  <%= form.date_field :start_date, required: true %>
  
  <%= form.label :end_date, "结束日期" %>
  <%= form.date_field :end_date, required: true %>
  
  <%= form.submit "应用时间范围" %>
<% end %>

• url: request.path 让表单提交到当前页面的路由
• method: :get 用GET请求传递参数，方便页面刷新和分享
• local: true 关闭默认的AJAX提交，简化基础场景的处理

2. 控制器中获取并处理日期参数 #

假设当前页面对应weights_controller的index方法，在控制器里添加参数处理逻辑：

# app/controllers/weights_controller.rb
def index
  # 解析提交的日期参数，为空时设置默认范围（示例为最近30天到今天）
  @start_date = params[:start_date] ? Date.parse(params[:start_date]) : 30.days.ago.to_date
  @end_date = params[:end_date] ? Date.parse(params[:end_date]) : Date.today

  # 只查询时间范围内的Weight数据，提升效率
  @weight_data = Weight.where(date: @start_date..@end_date).pluck(:date, :value)
end

• 用Date.parse把表单传来的字符串转成Date对象，同时处理参数为空的边界情况
• 通过数据库范围查询过滤数据，比先全量查询再过滤更高效

3. 视图中使用变量渲染图表 #

把视图里的图表代码改成调用控制器传递的变量：

<%= line_chart @weight_data, xmin: @start_date, xmax: @end_date %>

这样图表会自动使用用户选择的时间范围，同时数据也是预先过滤好的，避免加载无关数据。

额外优化建议 #

• 可以添加参数校验逻辑，比如判断@start_date是否晚于@end_date，如果不符合就重置默认值并提示用户
• 如果需要异步更新图表，保留form_with默认的remote: true，然后通过Turbo或JS模板实现局部刷新

内容的提问来源于stack exchange，提问作者Marina