element-ui 老版本通过组件方式实现10位时间戳的获取

老版[2.15.6]本似乎没有支持10位时间戳的参数，只有13位的时间戳。 element.eleme.cn/#/zh-CN/com…

格式	含义	备注	举例
yyyy	年		2017
M	月	不补0	1
MM	月		01
W	周	仅周选择器的 format 可用；不补0	1
WW	周	仅周选择器的 format 可用	01
d	日	不补0	2
dd	日		02
H	小时	24小时制；不补0	3
HH	小时	24小时制	03
h	小时	12小时制，须和 A 或 a 使用；不补0	3
hh	小时	12小时制，须和 A 或 a 使用	03
m	分钟	不补0	4
mm	分钟		04
s	秒	不补0	5
ss	秒		05
A	AM/PM	仅 format 可用，大写	AM
a	am/pm	仅 format 可用，小写	am
timestamp	JS时间戳	仅 value-format 可用；组件绑定值为number类型	1483326245000
[MM]	不需要格式化字符	使用方括号标识不需要格式化的字符 (如 [A] [MM])	MM

由于是老项目不想升级，故通过组件方式修改为10位时间戳。

<template>
  <div>
    <el-date-picker
      type="datetime"
      :placeholder="placeholder"
      v-model="dateTime"
      style="width: 200px;"
      value-format="timestamp"
      @change="handleDate"
    />
    <div></div>
  </div>
</template>

<script>

export default {
  name: "ExDateTime",
  props: {
    value: {},
    placeholder:{}
  },
  data() {
    return {
      dateTime: null
    };
  },

  mounted(){
      //10位时间戳转13位时间戳
      this.dateTime = this.value * 1000;
  },

  watch:{
      //重置值
      value:function(n,o){
        if(n==undefined){
            this.dateTime = null;
        }
      }
  },
 
  methods: {
    handleDate(date) {
        //13位时间戳转10位时间戳
        this.$emit("input",date/1000);
    },
   
  }
};
</script>

使用方式 [先引入组件]

 <ex-date-time :placeholder="'添加时间'" v-model="queryForm.addTime" style="width: 200px;" class="filter-item" />