使用moment计算日期差值异常：圣诞倒计时天数计算错误

你代码里的天数计算逻辑错了——用moment(then - now)创建日期对象后调用format("D")，拿到的是该日期在当月的“日”，不是两个日期的实际天数差。

举个例子：当then - now等于1天的毫秒数（86400000）时，moment(86400000)对应的是1970-01-02，format("D")返回的是2，但你要的是倒计时1天；如果差2天，对应的日期是1970-01-03，format("D")返回3，完全不符合预期。

直接用moment的diff方法计算时间差，或者用moment.duration处理时间差的各部分，两种方案任选：

方案1：分步计算时间差 #

const [days, setDays] = useState(0);
const [hours, setHours] = useState(0);
const [minutes, setMinutes] = useState(0);
const [seconds, setSeconds] = useState(0);

useEffect(() => {
    const timer = setInterval(() => {
        const now = moment();
        const then = moment("2022-12-23 00:00:00", "YYYY-MM-DD HH:mm:ss");
        // 计算总秒数差
        const totalSeconds = then.diff(now, 'seconds');
        
        if (totalSeconds <= 0) {
            // 倒计时结束，清理定时器并重置状态
            setDays(0);
            setHours(0);
            setMinutes(0);
            setSeconds(0);
            clearInterval(timer);
            return;
        }
        
        // 转换为天、时、分、秒
        const days = Math.floor(totalSeconds / (3600 * 24));
        const remainingSeconds = totalSeconds % (3600 * 24);
        const hours = Math.floor(remainingSeconds / 3600);
        const remainingAfterHours = remainingSeconds % 3600;
        const minutes = Math.floor(remainingAfterHours / 60);
        const seconds = remainingAfterHours % 60;
        
        // 补零保证格式统一
        setDays(days);
        setHours(hours.toString().padStart(2, '0'));
        setMinutes(minutes.toString().padStart(2, '0'));
        setSeconds(seconds.toString().padStart(2, '0'));
    }, 1000);
    
    // 组件卸载时清理定时器，避免内存泄漏
    return () => clearInterval(timer);
}, []);

方案2：使用moment.duration简化计算 #

const [days, setDays] = useState(0);
const [hours, setHours] = useState(0);
const [minutes, setMinutes] = useState(0);
const [seconds, setSeconds] = useState(0);

useEffect(() => {
    const timer = setInterval(() => {
        const now = moment();
        const then = moment("2022-12-23 00:00:00", "YYYY-MM-DD HH:mm:ss");
        const duration = moment.duration(then.diff(now));
        
        if (duration.asSeconds() <= 0) {
            setDays(0);
            setHours(0);
            setMinutes(0);
            setSeconds(0);
            clearInterval(timer);
            return;
        }
        
        setDays(duration.days());
        setHours(duration.hours().toString().padStart(2, '0'));
        setMinutes(duration.minutes().toString().padStart(2, '0'));
        setSeconds(duration.seconds().toString().padStart(2, '0'));
    }, 1000);
    
    return () => clearInterval(timer);
}, []);

• 原代码里的时间格式用了hh:mm:ss（12小时制），建议改成HH:mm:ss（24小时制），避免日期解析出错。
• 一定要在组件卸载时清理定时器，防止内存泄漏，上面的代码已经包含了清理逻辑。
• 加入倒计时结束的判断，避免无效计算。

内容的提问来源于stack exchange，提问作者rory-h