LWC日期输入计算器：日期差值结果异常求助

云上老周

2026-8-4

LWC日期差值计算问题修复

你的问题出在两个核心点：

第一个日期的取值逻辑错误，误用了当前时间而非用户输入的日期
日期直接相减得到的是毫秒级差值，需要转换为目标单位（比如天数）才能得到短数值

问题代码的错误细节

datehandler1中使用Date.now()会获取当前时刻的毫秒戳，而非用户选择的date1日期值，导致两个日期的计算基准完全错位。
两个Date对象相减的结果是毫秒数差值，所以会出现类似10211438742389的长数字，必须转换为你需要的时间单位。

修正后的代码

import Division from '@salesforce/schema/User.Division';
import { LightningElement, track } from 'lwc';

export default class LightningExampleInputDate extends LightningElement {

    @track date1;
    @track date2;
    @track result;

    datehandler1(event) {
        // 统一将输入日期转为Date对象，和datehandler2逻辑保持一致
        this.date1 = new Date(event.target.value);
        console.log(event.target.value)
    }

    datehandler2(event) {
        this.date2 = new Date(event.target.value);
        console.log(event.target.value);
    }

    resulthandler() {
        // 先判断日期是否有效，避免空值计算错误
        if (!this.date1 || !this.date2) {
            this.result = '请选择完整日期';
            return;
        }
        // 计算毫秒差值后转换为天数（1天=24*60*60*1000毫秒）
        const diffMs = Math.abs(this.date2 - this.date1);
        const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
        this.result = diffDays;
        console.log(`日期差值：${diffDays}天`);
    }
}