ant-design-vue/antdv-demo/docs/time-picker/demo/value.md

742 B

#### 受控组件 value 和 onChange 需要配合使用。也可以直接使用v-model。 #### Under Control `value` and `@change` should be used together or use v-model.
<template>
  <div>
    <p>use value and @change</p>
    <a-time-picker :value="value" @change="onChange" />
    <br />
    <br />
    <p>v-model</p>
    <a-time-picker v-model="value" />
    <br />
    <br />
    <p>Do not change</p>
    <a-time-picker :value="value2" />
  </div>
</template>
<script>
import moment from 'moment';
export default {
  data() {
    return {
      value: null,
      value2: moment(),
    };
  },
  methods: {
    onChange(time) {
      console.log(time);
      this.value = time;
    },
  },
};
</script>