vue+element ui 封装一个简单的时间输入模块

封装一个简单的时间输入模块

<template>
  <el-date-picker
    v-model="value_inner"
    type="datetime"
    placeholder="选择日期时间"
    align="right"
    value-format="timestamp"
    @change="changedate"
  >
  </el-date-picker>
</template>

<script>
export default {
  props: {
    date: {
      //父组件传进来的默认值
      default: "",
    },
  },
  data() {
    return {
      value_inner: "",
      datalist: [],
    };
  },
  watch: {
    date: {
      //data改变的时候同步到子组件
      deep: true,
      handler(value) {
        this.value_inner = this.moment(value).valueOf();
        // var dtar = this.moment(value).format("YYYY-MM-DD HH:mm:ss");
        // console.log("inner:" + dtar);
      },
    },
    value_inner: {
      //data改变的时候同步到子组件
      deep: true,
      handler(value) {
        this.$emit("update:date", value);
      },
    },
  },
  methods: {
    changedate(val) {
      
    },
  },
};
</script>

<style>
</style>

<custom1>
  This could be e.g. documentation for the component.
</custom1>