el-date-picker的结束日期的时分秒为0:0:0时修改成23:59:59

html 复制代码
<el-date-picker
  v-model="taskTime"
  type="datetimerange"
  range-separator="-"
  start-placeholder="开始时间"
  end-placeholder="结束时间"
  @change="handleTimeChange" />

js

javascript 复制代码
<script setup lang="ts">
import { ref } from 'vue'

const taskTime = ref()
const handleTimeChange = (value: any[]) => {
  if (value && value[1]) {
    const endTime = value[1]
    if (
      endTime.getHours() === 0 &&
      endTime.getMinutes() === 0 &&
      endTime.getSeconds() === 0
    ) {
      endTime.setHours(23)
      endTime.setMinutes(59)
      endTime.setSeconds(59)
      taskTime.value = [taskTime.value[0], endTime]
    }
  }
}
</script>

相关推荐
丷丩3 小时前
MapLibre GL JS第19课:实时更新要素
前端·javascript·gis·map·mapbox·maplibre gl js
xiaohua0708day4 小时前
Lodash库
前端·javascript·vue.js
万物皆对象6664 小时前
切换路由时页面空白问题(vue3)
前端·vue.js·typescript
突然好热4 小时前
TS 调试技巧
前端·javascript·typescript
h64648564h4 小时前
Flutter 国际化(i18n)全指南:一键切换中/英/日多语言
前端·javascript·flutter
丷丩6 小时前
MapLibre GL JS第8课:禁用滚动缩放
javascript·mapbox·maplibre gl js
李剑一6 小时前
小红书前端架构面试问的挺深入啊!面试官:Vue中组合式API与选项式API的设计权衡
vue.js·面试
一 乐7 小时前
汽车租赁|基于SprinBoot+vue的汽车租赁管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·汽车·论文·毕设·汽车租赁管理系统
kyriewen7 小时前
面试8家前端岗位后,我发现了一个残酷的事实:AI不是加分项,是门槛
前端·javascript·面试
MageGojo10 小时前
做节日活动页时,如何用 API 快速生成对联内容
javascript·python·节日·对联生成