组件路径

src\components\Common\timeSeach.vue

效果

使用方法

//parent
<template>
    <time-serch @searchTime="getSearchTime"></time-serch>
</template>

<script>
    import TimeSearch from '../../../Common/timeSeach.vue'
    export default {
    data() {
      return {
        timeSeach: []                  //存储组件返回的开始时间和结束时间
      }
    },
    components: {
      'btn-nav': Btnnav,
      'time-serch': TimeSearch
    },
    methods: {
      getSearchTime(msg) {            //获取返回的时间
        this.timeSeach = msg
        //doSomething     
      }
    }
  }
</script>