Firefox显示Invalid Date：Rails传日期至AngularJS的兼容问题

这个问题的核心是不同浏览器对日期字符串的解析规则差异：Chrome的Date构造函数对非标准日期格式兼容性较强，而Firefox遵循更严格的解析规范，导致无法识别Rails返回的date_time_original格式，最终抛出Invalid Date。

最快的修复方案：直接用Moment.js解析原始日期字符串 #

你当前的代码先把日期字符串转成Date对象再传给Moment，这一步完全多余，反而引入了浏览器兼容问题。Moment.js本身对各种日期格式的兼容性远好于原生Date，直接传入原始字符串即可：

getDateTimeOriginal: => 
  if @metadata? and @metadata.date_time_original?
    // 直接用moment处理原始字符串，跳过Date构造函数
    moment(@metadata.date_time_original).format('DD/MM/YYYY HH:mm')

注意：你原来的格式字符串里用了HH:MM，这里要改成HH:mm——大写MM代表月份，小写mm才是分钟，这是一个容易忽略的小细节。

进阶处理：指定日期格式（如果原始格式非标准） #

如果Rails返回的date_time_original是EXIF常见的YYYY:MM:DD HH:mm:ss格式（年份和月份用冒号分隔），Firefox原生Date完全无法解析这种格式，此时需要给Moment.js明确指定解析格式，避免自动识别出错：

getDateTimeOriginal: => 
  if @metadata? and @metadata.date_time_original?
    // 针对EXIF格式的日期字符串，指定解析规则
    moment(@metadata.date_time_original, 'YYYY:MM:DD HH:mm:ss').format('DD/MM/YYYY HH:mm')

可选：从Rails端统一输出标准ISO 8601格式 #

如果可以修改后端代码，建议在Rails序列化器中把date_time_original转换为标准ISO 8601格式（比如YYYY-MM-DDTHH:mm:ssZ），这样所有浏览器的原生Date和Moment.js都能完美解析：

# 修改Api::V1::Angular::MediumSerializer
attributes :src, :mediumable_type, :mediumable_id, :comment, :is_archived, :order, :metadata

def metadata
  # 假设metadata里的date_time_original是Time对象或字符串
  original_metadata = object.metadata
  if original_metadata[:date_time_original]
    # 转换为ISO 8601标准格式
    original_metadata[:date_time_original] = Time.parse(original_metadata[:date_time_original]).iso8601
  end
  original_metadata
end

这样前端代码不需要额外处理，直接用Moment解析即可，兼容性拉满。

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