vue 计算结束日期与当前时间相差天数 并且返回到页面

//创建方法er
DateDiffer(Date_end){
   //date1结束时间
   let date1 = new Date(Date_end);
   //date2当前时间
   let date2 = new Date();
   date1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate());
   date2 = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
   const diff = date1.getTime() - date2.getTime(); //目标时间减去当前时间
   const diffDate = diff / (24 * 60 * 60 * 1000);  //计算当前时间与结束时间之间相差天数
}

1

          <a-col :span="24/2">
                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="加工开始">
                    <j-date placeholder="请选择加工开始" v-decorator.trim="[ 'workBeginTime', { rules: [{ required: true, message: '请选择加工开始!' }] }]" :show-time="true" @blur.native.capture ="changeNum6()"/>
                  </a-form-item>
                </a-col>
                <a-col :span="24/2">
                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="加工结束">
                    <j-date placeholder="请选择加工结束" v-decorator.trim="[ 'workEndTime', { rules: [{ required: true, message: '请选择加工结束!' }] }]" :show-time="true" @blur.native.capture ="changeNum6()"/>
                  </a-form-item>
                </a-col>
                <a-col :span="24/2">
                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="合计用时(天）">
                    <a-input placeholder="请输入合计用时(天）" v-decorator.trim="[ 'allTime',{ rules: [{ required: true, message: '请输入合计用时(天）!' }] } ]" />
                  </a-form-item>
                </a-col>

2

 changeNum6(){
      debugger
      this.form6.validateFields((err, values) => {
        // 计算两个日期之间的差值
        if (values.workBeginTime && values.workEndTime){
          let totalDays, diffDate
        let myDate_1 = Date.parse(values.workBeginTime)
        let myDate_2 = Date.parse(values.workEndTime)
        // 将两个日期都转换为毫秒格式，然后做差
        diffDate = Math.abs(myDate_1 - myDate_2) // 取相差毫秒数的绝对值
        totalDays = Math.floor(diffDate / (1000 * 3600 * 24)) // 向下取整
        // console.log(totalDays)
        this.form6.setFieldsValue({
          allTime: totalDays,
        })
      }
      })
    },

效果