vue计算请假天数(包含半天)

可以使用Vue的计算属性来计算请假天数，包括半天。你可以在Vue组件的计算属性中定义一个函数来计算请假天数。以下是一个示例：

<template>
  <div>
    <label for="start-date">开始日期:</label>
    <input type="date" id="start-date" v-model="startDate">

    <label for="end-date">结束日期:</label>
    <input type="date" id="end-date" v-model="endDate">

    <label for="half-day">半天请假:</label>
    <input type="checkbox" id="half-day" v-model="isHalfDay">

    <p>请假天数: {{ leaveDays }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      startDate: '',
      endDate: '',
      isHalfDay: false
    };
  },
  computed: {
    leaveDays() {
      if (this.startDate && this.endDate) {
        const start = new Date(this.startDate);
        const end = new Date(this.endDate);
        const days = Math.floor((end - start) / (1000 * 60 * 60 * 24)) + 1;

        if (this.isHalfDay) {
          return days + 0.5;
        } else {
          return days;
        }
      } else {
        return 0;
      }
    }
  }
};
</script>

在上面的示例中，我们使用了`startDate`和`endDate`来分别绑定开始日期和结束日期的输入框。`isHalfDay`用于绑定半天请假的复选框。

计