buhuazhen
4 小时以前 423a401d4b7808e47a5945f43f98c00d678addce
fix(approvalProcess): 请假表单时间选择器从日期改为日期时间并修正校验逻辑

将请假开始和结束时间的选择器从 type="date" 改为 type="datetime",以支持精确到秒的时间选择。
同时更新校验逻辑,将错误提示从“结束时间不能早于开始时间”改为更准确的“开始时间必须早于结束时间”,
并使用 getTime() 进行精确的时间比较。
已修改1个文件
23 ■■■■ 文件已修改
src/views/collaborativeApproval/approvalProcess/components/infoFormDia.vue 23 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/collaborativeApproval/approvalProcess/components/infoFormDia.vue
@@ -46,10 +46,10 @@
            <el-form-item label="请假开始时间:" prop="startDate">
              <el-date-picker
                  v-model="form.startDate"
                  type="date"
                  placeholder="请选择开始日期"
                  value-format="YYYY-MM-DD"
                  format="YYYY-MM-DD"
                  type="datetime"
                  placeholder="请选择开始时间"
                  value-format="YYYY-MM-DD HH:mm:ss"
                  format="YYYY-MM-DD HH:mm:ss"
                  clearable
                  style="width: 100%"
              />
@@ -59,10 +59,10 @@
            <el-form-item label="请假结束时间:" prop="endDate">
              <el-date-picker
                  v-model="form.endDate"
                  type="date"
                  placeholder="请选择结束日期"
                  value-format="YYYY-MM-DD"
                  format="YYYY-MM-DD"
                  type="datetime"
                  placeholder="请选择结束时间"
                  value-format="YYYY-MM-DD HH:mm:ss"
                  format="YYYY-MM-DD HH:mm:ss"
                  clearable
                  style="width: 100%"
              />
@@ -381,9 +381,8 @@
      proxy.$modal.msgError("请选择请假结束时间!")
      return
    }
    // 校验结束时间不能早于开始时间
    if (new Date(form.value.endDate) < new Date(form.value.startDate)) {
      proxy.$modal.msgError("请假结束时间不能早于开始时间!")
    if (new Date(form.value.startDate).getTime() >= new Date(form.value.endDate).getTime()) {
      proxy.$modal.msgError("请假开始时间必须早于结束时间!")
      return
    }
  }
@@ -473,4 +472,4 @@
<style scoped>
</style>
</style>