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>

相关推荐
十一.3668 小时前
131-133 定时器的应用
前端·javascript·html
2503_928411569 小时前
12.22 wxml语法
开发语言·前端·javascript
光影少年10 小时前
Vue2 Diff和Vue 3 Diff实现及底层原理
前端·javascript·vue.js
2501_9462243110 小时前
旅行记录应用统计分析 - Cordova & OpenHarmony 混合开发实战
javascript·harmonyos·harvester
傻啦嘿哟10 小时前
隧道代理“请求监控”实战:动态调整采集策略的完整指南
前端·javascript·vue.js
JIngJaneIL10 小时前
基于java + vue个人博客系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
C_心欲无痕10 小时前
vue3 - readonly创建只读的响应式对象
前端·javascript·vue.js
TAEHENGV10 小时前
进度跟踪模块 Cordova 与 OpenHarmony 混合开发实战
android·javascript·数据库
2501_9462243111 小时前
旅行记录应用外观设置 - Cordova & OpenHarmony 混合开发实战
javascript·harmonyos·harvester