如何获取Element 中时间组件el-date-picker的时间

最近做的一个项目中,需要获取时间控件选择的时间,传给后台,刚开始是通过@change的方法去获取的,不过获取出来的时间格式是中国标准时间,不是YYYY-MM-DD HH:MM:SS 这种格式的。

  • 刚开始是这样写的


 
//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”

    
       
//java script 代码块
data(){
    return{
        myTime :null
    }
},
methods:{
  logMyDateTime{
   console.log(myTime ); 
  }
}

在Html的el-date-picker的控件中加多value-format, 这样写就不用使用额外的方法去处理他,拿到的数据就是我们想要的

你可能感兴趣的:(如何获取Element 中时间组件el-date-picker的时间)