修改elementui的日期时间组件后面显示时间的默认值

Julyued

已于 2022-07-18 15:07:20 修改

阅读量2.6k

点赞数 1

分类专栏： elementui 文章标签： javascript 前端开发语言

于 2022-07-18 14:52:40 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42166279/article/details/125849594

版权

elementui 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何在ElementUI日期时间组件中设置默认时间为23:59:59，并解决重选日期时时间仍显示00:00:00的问题，提供了两种方法和一个常见bug的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前elementui都是默认00：00：00，有个别需求需要修改显示的默认值。两种方法

第一种：1.添加picker-options 然后在data里写入

pickerOptions: {
      onPick: ({ end , start}) => {
      if (start) {
        this.choiceDate = start.getTime()
      }
      if (end ) {
        document.getElementsByClassName('el-date-range-picker__time-picker-wrap')[3].getElementsByClassName('el-input__inner')[0].value = '23:59:59'
        this.timeDate= ''
      }
    },
  }

2.添加@change事件，在mothod中写入

changeTimer() {
    let value
    if (this.creatTime) {
      value = new Date(this.creatTime[1])
      if (value.getHours() === 0 && value.getMinutes() === 0 && value.getSeconds() === 0) {
        let year = value.getFullYear()
        let month = value.getMonth()
        let date = value.getDate()
        this.creatTime[1] = `${year}-${month}-${date} 23:59:59`
      }
    }
  }

最后就可以啦！

但有一个bug，就是重新选择日期时，时间还是00：00：00，点确认之后才会显示23：59：59。

第二种：直接在组件上添加default-time