Ruby on Rails中如何将日期输入格式从mm/dd/yyyy改为dd/mm/yyyy

你遇到的核心问题是：原生HTML的type="date"输入框的显示格式由浏览器的系统区域设置决定，而且它要求输入值必须是ISO 8601格式（yyyy-mm-dd），所以直接修改这个输入框的显示格式行不通。以下是两种可行的解决方案：

方案1：使用Rails内置date_field + 后端解析配置 #

1. 替换原有代码为Rails原生的date_field：

<%= f.date_field :resolution_date, class: 'form-control' %>

2. 若需要后端兼容手动输入的dd/mm/yyyy格式，在模型中添加解析逻辑：

# app/models/incident.rb
def resolution_date=(value)
  return super unless value.present?

  # 优先按dd/mm/yyyy解析，失败则回退默认逻辑
  begin
    super(Date.strptime(value, "%d/%m/%Y"))
  rescue ArgumentError
    super
  end
end

方案2：自定义text_field + JavaScript日期选择器（完全控制显示格式） #

如果要强制显示dd/mm/yyyy格式，推荐用第三方日期选择器插件（比如Flatpickr）：

1. 修改视图代码为普通text_field，设置回显格式：

<%= f.text_field :resolution_date, class: 'form-control', value: @incident.resolution_date&.strftime("%d/%m/%Y") %>

2. 引入Flatpickr并配置格式：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

<script>
flatpickr('.form-control[name="incident[resolution_date]"]', {
  dateFormat: "d/m/Y", // 显示和输入格式为dd/mm/yyyy
  altFormat: "Y-m-d",  // 提交时自动转为ISO格式给后端
  altInput: true       // 隐藏原生输入，展示格式化后的日期
});
</script>

3. 后端如需兼容手动提交的dd/mm/yyyy格式，可复用方案1中的模型解析逻辑。

内容的提问来源于stack exchange，提问作者Juan Manuel Camacho Sánchez