Antd 倒计时不适用于特定日期

Question

我正在尝试使用 react with antd 创建一个特定日期的组件。这是我的代码：

import { Statistic, Col, Row } from 'antd';

const { Countdown } = Statistic;
const deadline = Date.parse('2022-12-31') - Date.now();

const Count = () => {
    return (
        <Countdown title="Countdown" value={deadline} format="DD:HH:mm:ss"/>
    )
}

当时间戳为正数时倒计时只显示00:00:00:00。任何帮助表示赞赏。谢谢！

Answer 1

传递给 <Countdown> 组件的截止日期必须是绝对值（即从纪元 - 1970 年 1 月 1 日开始）。

因此您只需将其更改为：

const deadline = Date.parse('2022-12-31');

您可以查看此 Stackblitz 示例以供参考。

Antd 倒计时不适用于特定日期

Antd Countdown not working for a specific date

javascript

momentjs

typescript

reactjs

antd