- 我在一个客户端嵌的web页面中遇到过这个问题:只使用了@on-change,删掉了 v-model=“query.beginTime”,导致日期在选日期时才能被赋值,遗漏了日期默认的显示日期。
- 因为在点击查询按钮时,日期格式可能是ZT的时间格式,所以在提交时统一处理时间格式,而不需要在@on-change时去处理(因为在@on-change处理会遗漏不触发change事件时的默认的显示日期)
<Date-picker
tabindex="-1"
type="datetime"
:options="startOptions"
placeholder="选择日期"
v-model="query.beginTime"
@on-change="selectBeginTime"
></Date-picker>
统一在search时转化时间格式:
//注意一定要在val存在时处理,否则会出现:(当不选时间时,val=“”,最后时间格式被转成NAN-NAN-NAN NAN:NAN:NAN)
search(){
this.query.beginTime = this.famate(this.query.beginTime)
this.query.endTime = this.famate(this.query.endTime)
this.$globalBus.$emit('tableQuery',this.query)
},
famate(val){
if(val){ //注意一定要在val存在时处理,否则会出现:(当不选时间时,val=“”,最后时间格式被转成NAN-NAN-NAN NAN:NAN:NAN)
let date = new Date(val)
let y=date.getFullYear()
let mon=date.getMonth()+1
mon=mon>=10?mon:"0"+mon
let d=date.getDate()
d=d>=10?d:"0"+d
let h=date.getHours()
h=h>=10?h:"0"+h
let m=date.getMinutes()
m=m>=10?m:"0"+m
let s=date.getSeconds()
s=s>=10?s:"0"+s
return y+"-"+mon+"-"+d+" "+h+":"+m+":"+s
}else{
return ""
}
},