代码之家  ›  专栏  ›  技术社区  ›  Ivana Murray

Antd倒计时在特定日期不起作用

  •  1
  • Ivana Murray  · 技术社区  · 3 年前

    我正在尝试使用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。感谢您的帮助。谢谢

    1 回复  |  直到 3 年前
        1
  •  1
  •   tromgy    3 年前

    最后期限到了 <Countdown> 分量必须是一个绝对值(即从历元1970年1月1日开始)。

    因此,您只需将其更改为:

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

    你可以查一下 Stackblitz 示例供参考。