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>

相关推荐
JNU freshman30 分钟前
vue 技巧与易错
前端·javascript·vue.js
北冥有鱼34 分钟前
Vue3 中子组件修改父组件样式之—— global() 样式穿透使用指南
vue.js
Asort38 分钟前
JavaScript设计模式(十六)——迭代器模式:优雅遍历数据的艺术
前端·javascript·设计模式
我是日安1 小时前
从零到一打造 Vue3 响应式系统 Day 28 - shallowRef、shallowReactive
前端·javascript·vue.js
开源之眼1 小时前
深入理解 JavaScript 报错:TypeError: undefined is not a function
前端·javascript
却尘1 小时前
当你敲下 `pnpm run dev`,这台机器到底在背后干了什么?
前端·javascript·面试
歪歪1001 小时前
React Native开发有哪些优势和劣势?
服务器·前端·javascript·react native·react.js·前端框架
一个很帅的帅哥1 小时前
伪类选择器和伪元素选择器
javascript
Glommer1 小时前
某红书 Js 逆向思路
javascript·逆向
Mintopia1 小时前
🧠 可解释性AIGC:Web场景下模型决策透明化的技术路径
前端·javascript·aigc