修改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`
      }
    }
  }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值