[vue组件]日期时间选择器

<template>
  <div style="margin-left: 30px">
    <date-picker
        mode="datetime"
        :default-time="1566270847000"
        :min-time="1562037247000"
        :max-time="1567394047000"
        @change="getTime"></date-picker>
    <date-picker
        mode="date"
        format="YYYY年MM月DD日"
        :min-time="1562037247000"
        :max-time="1567394047000"
        @change="getTime"></date-picker>
    <date-picker
        mode="month"
        :min-time="1496128969000"
        :max-time="1590823369000"
        @change="getTime"></date-picker>
    <date-picker mode="year" @change="getTime"></date-picker>
  </div>
</template>

<script>
  import datePicker from './components/datePicker.vue'
  export default {
    name: '',
    components: {
      datePicker
    },
    data() {
      return {}
    },
    methods: {
      getTime(date){
        console.log(date);
      }
    }
  }
</script>


<style scoped>

</style>