修改elementui时间 默认后面的时间 x年x月x日 00:00:00 - x年x月x日 23:59:59

接到客户需求,让在时间控件中默认时间的最后面的日期时间在第一次选择后是23:59:59分前面的是00:00:00
添加change事件 添加:picker-options=“pickerOptions”

 			<el-date-picker
                  style="width: 100%"
                  v-model="form.Timeorder"
                  type="datetimerange"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  @change="changeTimer"
                  :picker-options="pickerOptions"
                  range-separator="-"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                >
                </el-date-picker>

在data中的pickerOptions中添加

timeDate :'',
  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= ''
      }
    },
  }

在changeTimer事件处理值

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

感谢element ui datetimepicker 点击日期后出现的默认时间00:00:00怎么修改? 中2楼的回答

猜你喜欢

转载自blog.csdn.net/wzwzwz555/article/details/122456913