最近做的一个项目中,需要获取时间控件选择的时间,传给后台,刚开始是通过@change的方法去获取的,不过获取出来的时间格式是中国标准时间,不是YYYY-MM-DD HH:MM:SS 这种格式的。
- 刚开始是这样写的
<!-- html 代码块 -->
<el-date-picker
v-model="myTime"
type="datetime"
@change="getMyDateTime()"
format="yyyy-MM-ddHH:mm:ss"
placeholder="选择日期"
>
</el-date-picker>
//java script 代码块
data(){
return{
myTime:null
}
},
methods:{
getMyDateTime(t) {
console.log(t);//结果为一个数组,如:2018-12-02T03:24:02.000Z,想要我们需要的时间格式,要进行Date的操作
}
}
- 上面这种做法如果我们要获取这种“YYYY-MM-DD HH:MM:SS” 时间格式的时间字符串,还要对其进行处理,这很不方便。所以,后面仔细的查看element的官方文档,原来DateTimePicker 日期时间选择器的 Attributes 中有value-format 这个参数,我们可以通过他来设置我们需要的时间格式,如:“YYYY-MM-DD HH:MM:SS”
<el-date-picker
v-model="myTime"
type="datetime"
format="yyyy-MM-ddHH:mm:ss"
value-format="yyyy-MM-ddHH:mm:ss"
placeholder="选择日期"
>
</el-date-picker>
//java script 代码块
data(){
return{
myTime :null
}
},
methods:{
logMyDateTime{
console.log(myTime );
}
}
在Html的el-date-picker的控件中加多value-format, 这样写就不用使用额外的方法去处理他,拿到的数据就是我们想要的
网友评论