a-range-picker绑定

a-range-picker是一个基于Ant Design Vue库的日期选择组件，它允许用户在一个指定的时间范围内选择开始和结束日期。在Vue项目中，你可以通过npm或yarn安装`@ant-design-vue/components`包，然后在模板上使用`<a-range-picker>`标签，并通过props配置选项，如`value`、`start-placeholder`、`end-placeholder`等来设置初始值和提示文字。

例如：

<template>
  <a-range-picker v-model="dateRange" :options="{ startPlaceholder: '开始日期', endPlaceholder: '结束日期' }"></a-range-picker>
</template>

<script>
import { RangePicker } from '@ant-design-vue/components';

export default {
  components: {
    RangePicker,
  },
  data() {
    return {
      dateRange: [new Date(), new Date()], // 默认选中当前日期
    };
  },
}
</script>

在这个例子中，`v-model`绑定了数据属性`dateRange`，当用户选择新的日期范围时，这个数据会自动更新。