<template>
  <div>
    <!-- <TimePicker v-model='msg' type="time" placeholder="" @on-change="change"></TimePicker> -->
    <TimePicker transfer v-model='msg' type="timerange" format="HH:mm:ss" placement="bottom-end" placeholder="" @on-change="change"></TimePicker>
 </div>
</template>

<script type="text/ecmascript-6">
  export default {
    name: '',

    props: {
      options: {
        type: Object,
        default: () => ({})
      }
    },

    data() {
      return {
        msg: []
      };
    },

    methods: {
      change(e) {
        this.$emit('change', e[0]+'-'+e[1]);
      },
    },

    mounted() {
      let time = this.options.valuedata && this.options.valuedata.split('-');
      this.msg = time;
    }
  };
</script>

<style lang="scss" scoped>

</style>
