vue 两个日期相减算天数

在Vue.js中，你可以使用JavaScript的内置`Date`对象来计算两个日期之间的差值（天数）。以下是一个简单的示例，演示了如何创建一个函数来完成这个任务：

<template>
  <div>
    <input type="date" v-model="startDate" />
    <input type="date" v-model="endDate" />
    <p>天数差异: {{ daysDifference }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      startDate: '',
      endDate: '',
      daysDifference: null,
    };
  },
  computed: {
    // 计算两个日期之间的天数差
    daysDifferenceComputed() {
      const start = new Date(this.startDate);
      const end = new Date(this.endDate);

      if (start && end) {
        let diffDays = Math.abs((end - start) / (1000 * 60 * 60 * 24));
        this.daysDifference = Math.floor(diffDays); // 返回整数天数
      } else {
        this.daysDifference = '请输入有效日期';
      }
    },
  },
};
</script>

在这个例子中，我们在`computed`属性中定义了一个名为`daysDifferenceComputed`的方法，它首先将输入的字符串转换为`Date`对象，然后计算它们之间的差值（以毫秒为单位），再将其转换为天数并显示在页面上。

如果你想在模板里直接获取结果，只需将`daysDifferenceComputed`绑定到一个变量，如上面的`daysDifference`。