v-distpicker自定义数据源

v-distpicker是一个基于Vue.js的日期时间选择器组件，它允许开发者通过设置自定义数据源来自定义选项。如果你想在v-distpicker中使用自定义数据源，通常可以按照以下步骤操作：

1. 定义数据源：首先，创建一个数组，包含你需要显示的日期或时间的自定义格式或范围。例如：

const customDates = [
  { label: '今天', value: new Date() },
  { label: '昨天', value: new Date().setDate(new Date().getDate() - 1) },
  { label: '明天', value: new Date().setDate(new Date().getDate() + 1) },
  // ... 更多自定义日期对象
];

每个对象通常包含`label`（显示的文字标签）和`value`（实际的日期值）两个属性。

2. 使用数据源：在v-distpicker的配置选项中，设置`data`属性来引用这个自定义数据源：

<template>
  <v-distpicker :data="customDates" />
</template>

<script>
export default {
  data() {
    return {
      customDates,
    };
  },
};
</script>

3. 自定义展示：如果需要根据数据源动态改变展示形式，可以在组件内部提供处理函数，比如过滤、排序等。