<template>
  <div>
    <a-time-picker v-model="val" @change="handleChange"/>
    <a-tooltip
      placement="top"
      :title="tips">
      <a-icon type="exclamation-circle" theme="filled" style="color:orange;margin-left: 5px;"/>
    </a-tooltip>
  </div>
</template>
<script>
export default {
  data () {
    return {
      val: null
    }
  },
  props: {
    value: {
      type: Object,
      default: () => null
    },
    tips: {
      type: String,
      default: '指最晚的可退票当日截至时间'
    }
  },
  computed: {
  },
  methods: {
    handleChange (e) {
      this.$emit('input', e)
      this.$emit('change', e)
    }
  },
  watch: {
    value: {
      handler (v) {
        // console.log('v', v)
        this.val = v
      },
      immediate: true
    }
  }
}
</script>
<style lang="scss">

</style>
