Moment.js 日期差为 NaN

【问题标题】：Moment.js date difference is NaNMoment.js 日期差为 NaN
【发布时间】：2026-01-20 17:10:01
【问题描述】：

我正在尝试在 React 中构建一个应用程序，其中用户传递 2 个日期，系统将返回 2 个日期之间的持续时间（以天为单位）。我使用了 Moment.js 库，它在同一年内可以正常工作几天，但在不同年份的日期返回 Nan。以下是我的脚本：

<tr>
    <th> 9</th>
    <th>Dr </th>
    <th>Abel </th>
    <th>Jack </th>
    <th>abeljack@outlook.com </th>
    <th>26 </th>
    <th>2019-12-25 </th>
    <th> 2020-01-02</th>
    <th>{moment([2020, 1, 2]).diff(moment([2019, 12, 25]), "days")}</th>
</tr>

我该怎么做才能对其进行排序？

【问题讨论】：

你有什么版本的时刻？在这个例子中它是工作jsfiddle.net/twqz57yL。您在哪种元素中插入这些数据？
版本 2.29.1 。我想将它插入到表格列中
你有没有可能分享一个返回 NaN 值的工作 sn-p 代码？因为我试过你的代码，但它工作正常，对我来说没有错误
我已经编辑了 sn-p：这是 Github repo github.com/KudahShambare/cyf-hotel-react 这是站点 URL cyf-kudahshambare-hotel-react.netlify.app

标签： reactjs date momentjs

【解决方案1】：

当您使用一个数字数组创建日期时，月份从零开始，该数组反映了传递给new Date() 的参数。所以使用 12 不是月份的有效数字。

const date1 = moment([2020, 1, 2]);
const date2 = moment([2019, 12, 25]) // null, month can not be greater than 11
date1.diff(date2, "days") // NaN

您可以将日期作为字符串传递给moment。 moment 将为您解析日期字符串。

来自Moment.js

当从字符串创建时刻时，我们首先检查字符串是否匹配已知的 ISO 8601 格式，然后我们检查字符串是否匹配 RFC 2822 日期时间格式在下降到新的回退之前如果找不到已知格式，则日期（字符串）。


const date1 = moment("2020, 1, 2");
const date2 = moment("2019, 12, 25");
date1.diff(date2, "days") // 8 days

【讨论】：