ant-design-vue/components/time-picker/demo/addon.md

<cn>
#### 附加内容
在 TimePicker 选择框底部显示自定义的内容。
</cn>

<us>
#### Addon
Render addon contents to timepicker panel's bottom.
</us>

```html
<template>
  <div>
    <a-time-picker @openChange="handleOpenChange" :open="open">
      <a-button slot="addon" slot-scope="panel" size="small" type="primary" @click="handleClose"
        >Ok {{panel.prefixCls}}</a-button
      >
    </a-time-picker>
    <a-time-picker :open.sync="open2">
      <a-button slot="addon" size="small" type="primary" @click="handleClose">Ok</a-button>
    </a-time-picker>
  </div>
</template>
<script>
  import moment from 'moment';
  export default {
    data() {
      return {
        open: false,
        open2: false,
      };
    },
    methods: {
      handleOpenChange(open) {
        console.log('open', open);
        this.open = open;
      },
      handleClose() {
        this.open = false;
        this.open2 = false;
      },
    },
  };
</script>
```