Rails 根据日期输入自动填充表单字段

Question

我有一个 Rails 3.2.18 应用程序，在我的表单中，我有一个年龄 (int) 和出生日期 (datetime) 字段。我将使用一个简单的 jQuery 日期选择器来选择 DOB。

这就是我想要发生的事情。

第一个字段是 DOB（出生日期）。我想选择它，一旦选择它，我想计算年龄并根据该选择自动填充年龄字段。

我想我可以通过在模型上创建一个计算年龄的方法来以某种方式做到这一点，但我不确定如何在年龄字段中填充它。也许是一些 Javascript 或什么的？

任何帮助将不胜感激。

下面是我为另一个基于 DOB 计算年龄并且可以在视图中使用的应用编写的方法：

def age(dob)
    now = Time.zone.now.to_date
    now.year - patient_dob.year - ((now.month > patient_dob.month || (now.month == patient_dob.month && now.day >= patient_dob.day)) ? 0 : 1)
  end

Answer 1

这是一种更客户端的 javascript 方法，可以使用服务器实现日期准确性。

加载父页面时在 Rails 视图中

<%= javascript_tag do%>
    var currDate = new Date('<%= Date.today%>');
<%end%>

在您的 js 文件中（我假设日期选择器是使用日期选择器选择的输入。）

function calcAge(dateString) {
    var birthDate = new Date(#('date_picker').val());
    var age = currDate.getFullYear() - birthDate.getFullYear();
    var m = currDate.getMonth() - birthDate.getMonth();
    if (m < 0 || (m === 0 && currDate.getDate() < birthDate.getDate())) {
        age--;
    }
    return age;
}

然后只需要调用 calcAge on date selected event 和

return age; 

可以更改为输入字段的设置值

$('#ageField').val(age);

Answer 2

你的建议在 Ruby 中是不可能的。您可以使用 JavaScript。

如果不先到达服务器，计算年龄，然后将结果呈现给客户端，就无法根据用户输入计算年龄。该模型不知道用户输入的日期；当然，除非您提交表单。

可以通过 Ajax 提交表单。例如，有些网站让您填写邮政编码，然后他们会为您预先填写地址。真正发生的是，在幕后，浏览器正在向返回地址的服务器发送 ajax 请求。

在您的情况下，您不必这样做，因为在 JavaScript 中计算年龄非常容易。在客户端上执行此操作也更快，因为它可以节省您到服务器的往返行程。

看看this answer，它向您展示了如何根据输入日期计算一个人的年龄。

如果您使用 Rails，您可能会使用 jQuery。在这种情况下，您可以执行以下操作：

$('#date_input').on('change', function () {
  date = $(this).val();
  age = getAge(date);
  $('#age_input').val(age);
});

# This is taken directly from this answer: https://stackoverflow.com/a/7091965/276959
function getAge(dateString) {
    var today = new Date();
    var birthDate = new Date(dateString);
    var age = today.getFullYear() - birthDate.getFullYear();
    var m = today.getMonth() - birthDate.getMonth();
    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
        age--;
    }
    return age;
}

然后，您可能需要在服务器上重新计算年龄，然后再将数据保存到数据库中。这是因为没有什么能阻止用户直接提交虚假年龄。要么填写，要么修改 DOM。

class Person
  before_save :set_age

private

  def set_age
    self.age = # Calculate age here.
  end
end

See this answer 关于如何使用 Ruby 计算年龄，这看起来与您问题中的代码相同。