date-fns格式React中的日期和年龄计算问题

Question

我使用的是；moment.js"；在我的项目中(比如年龄计算器)，但我想用"；日期fns"；。

使用moment.js，我将输入值格式化为DD/MM/YYYY(对于TR)，并通过减去当前日期来计算年龄，但现在我在使用日期fns时遇到了问题。我觉得moment.js变得更容易使用了。

Moment.js年龄计算器代码：我在1998年3月10日输入。(DD/MM/YYYY->土耳其)

const birthDay = moment(value, 'DD/MM/YYYY');
console.log(birthDay); // (output: 10/03/1998)
const now = moment();
console.log(now); // (output: Thu Mar 04 2021 10:40:09 // TR Local Time)
const age = moment.duration(now.diff(birthDay)).years();
console.log(age); // (output: 22)

我试着用日期fns来做，但没有成功。我无法计算年龄。

const birthDay = format(new Date(value), 'dd/MM/yyyy');
console.log(birthDay); // (output: 03/10/1998 - **issue 1**)
const now = new Date();
console.log(now); // (output: Thu Mar 04 2021 10:45:18 // TR Local Time)
const age = differenceInCalendarYears(now, birthDay);
console.log(age); // (output: NaN - - **issue 2**)

如果你能帮我安排日期，我将不胜感激。

我编辑了答案，现在是这样的：

const birthDay = new Date(value);
console.log(birthDay); // Oct 03 1998 (03/10/1998) it's MM/DD, I want DD/MM
const now = new Date();
console.log(now); // Mar 04 2021
const age = differenceInCalendarYears(now, birthDay);
console.log(age); // it should be 22 but 23.

Answer 1

你的年龄取决于你的周年纪念日是否在当年。这就是为什么您应该NOT使用differenceInCalendarYears来计算年龄：它不考虑当前的月份和日期，只考虑年份。

请改用differenceInYears，如果要获得包括月和天的年龄，请使用intervalToDuration。

const { differenceInCalendarYears, differenceInYears, intervalToDuration, parse } = require("date-fns")
function calculateAge(dob) {
const date = parse(dob, "dd/MM/yyyy", new Date());
const age = differenceInYears(new Date(), date);
return age;
}
// INCORRECT
function calculateAge2(dob) {
const date = parse(dob, "dd/MM/yyyy", new Date());
const age = differenceInCalendarYears(new Date(), date);
return age;
}
console.log("dob = 01/04/2000"); // Running on 2021-08-05
console.log('- using differenceInYears: ', calculateAge("01/04/2000")); // 21
console.log('- using differenceInCalendarYears: ', calculateAge2("01/04/2000")); // 21
console.log("dob = 01/10/2000"); // Running on 2021-08-05
console.log('- using differenceInYears: ', calculateAge("01/10/2000")); // 20
console.log('- using differenceInCalendarYears: ', calculateAge2("01/10/2000")); // 21
function calculateFullAge(dob) {
const birthDate = parse(dob, "dd/MM/yyyy", new Date());
const { years, months, days } = intervalToDuration({ start: birthDate, end: new Date()});
return { years, months, days };
}
// Running on 2021-08-05
console.log('- using intervalToDuration: ', calculateFullAge("01/04/2000")); // {years: 21, months: 4, days: 4}
console.log('- using intervalToDuration: ', calculateFullAge("01/10/2000")); // {years: 20, months: 10, days: 4}

您可以在以下runkit 中运行此

Answer 2

我最近也遇到过类似的情况&这就是我实现的方式

import { differenceInYears, parse } from "date-fns"
const calculateAge = (dob: string): number => {
const date = parse(dob, "dd/MM/yyyy", new Date())
const age = differenceInYears(new Date(), date)
return age
}

calculateAge("11/11/2019")    // returns 2 

PS：如果您只使用JS ，请考虑删除类型(:string&:number)

Answer 3

试试这个；)

import { intervalToDuration } from "date-fns"
const calculateAge = (dob: string): number => {
const interval = intervalToDuration({
start: new Date(dob),
end: new Date(),
})
return interval.years ? interval.years : 0
}

Answer 4

您的问题是使用解析日期字符串(时间戳)

const birthDay = new Date(value);

强烈建议不要使用内置的解析器，请参阅为什么Date.parse给出不正确的结果

既然您使用的是Date.fns，那么也可以使用它进行解析。

正如@volpato所指出的，您应该使用differenceInYears，而不是differenceInCalendarYears，因为后者实际上只是currentDate.getFullYear() - birthday.getFullYear():

let dateFns = require("date-fns")
let d = '10/03/1998'; // 10 Mar 1998
let date = dateFns.parse(d, 'dd/MM/yyyy', new Date());
let age = dateFns.differenceInYears(new Date(), date);
console.log(age); // 23 when run on 4 Mar 2021

以上内容可在npm.runkit.com 上运行