在vue2项目中使用ant-design的DatePicker组件

在 Vue2 项目中使用 ant-design 的 DatePicker 组件，需要先按照上一个问题中的步骤安装和引入 ant-design-vue 和 moment 包。

然后在需要使用 DatePicker 的组件中，按照如下方式使用：

<template>
  <div>
    <a-date-picker v-model="date" :disabledDate="disabledDate"></a-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: null,
    };
  },
  methods: {
    disabledDate(current) {
      // 自定义禁用日期的规则
      return current && current < this.$moment().endOf('day');
    },
  },
};
</script>

其中，`v-model` 绑定了选中的日期，`disabledDate` 方法可以自定义禁用日期的规则。在这个例子中，我们禁用了今天之前的所有日期。需要注意的是，如果你想要使用 ant-design-vue 的样式，还需要在 main.js 中引入 ant-design-vue 的样式文件：

import 'ant-design-vue/dist/antd.css';