接到客户需求,让在时间控件中默认时间的最后面的日期时间在第一次选择后是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楼的回答