uniapp uni-data-picker 动态填充children

UniDataPicker组件在uni-app中是一个用于选择日期、时间、自定义选项等的控件。如果你想实现动态填充其`children`属性以展示不同的选项，你可以这样做：

1. 首先，在Vue模板中创建一个UniDataPicker，并给它一个动态的数据源属性，例如`options`：

<template>
  <uni-data-picker v-model="selectedValue" :options="options"></uni-data-picker>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [], // 这里将存储动态生成的选项数组
    };
  },
  
  // 当需要更新选项时，可以在这里处理数据变化
  methods: {
    updateOptions(newOptions) {
      this.options = newOptions;
    },
  },
};
</script>

2. 然后，在`methods`部分，你可以根据业务需求来改变`options`数组的内容。这可能来自API请求、用户输入或者其他数据源。例如，假设你想根据日期范围动态生成日期列表：

updateDateRange(start, end) {
  const dateOptions = [];
  for (let i = start; i <= end; i++) {
    dateOptions.push({
      label: `${i}-${end}`, // 格式化成 "2023-03-01" 的形式
      value: `${i}`,
    });
  }
  this.updateOptions(dateOptions);
}

当你需要显示特定时间段的日期时，只需调用`updateDateRange(start, end)`。