Ant Design Vue date-picker 取值与赋值

在Ant Design Vue中，使用DatePicker组件进行取值与赋值可以通过v-model进行双向绑定。以下是一个基本的例子：

<template>
  <a-date-picker v-model="dateValue" />
</template>
 
<script>
import { DatePicker } from 'ant-design-vue';
 
export default {
  data() {
    return {
      dateValue: null, // 初始值可以是null或者一个Moment对象
    };
  },
  components: {
    'a-date-picker': DatePicker,
  },
};
</script>

在上面的例子中，dateValue将与DatePicker组件的值保持同步。当用户选择一个日期时，dateValue将自动更新为相应的Moment对象。同样，你也可以通过设置dateValue为一个Moment对象来为DatePicker组件赋值。

例如，如果你想要设置DatePicker的日期为当前日期，你可以这样做：

import moment from 'moment';
 
export default {
  data() {
    return {
      dateValue: moment(), // 设置为当前日期
    };
  },
  // ...
};

当你需要获取DatePicker中的日期值时，只需要访问this.dateValue即可。如果需要格式化日期，可以使用moment.js的格式化方法。