咨询关于uni-app中uni-data-picker的问题

咨询关于uni-app中uni-data-picker的问题

各位大佬好

前端小白咨询一个关于uni-data-picker请求后台接口数据问题

当点击第一层级某个选项时，请求后台数据，得到的数据放到对应项的children中。

结果：uni-data-picker直接关闭。

请问这种情况怎么解决

8 回复

同样得问题，估计不支持

更多关于咨询关于uni-app中uni-data-picker的问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请问问题解决了吗

问题解决了吗

官方至今未更新@stepsearch方法；不过我有一个想法（未验证），将组件内onchange时间内的this.hide方法隐藏，然后通过nodeclick事件请求数据，在change事件内调用hide方法关闭弹窗

我也想知道这个问题怎么解决？

请问，有人解决了吗？

被此问题一直困扰，nodeclick后，再picker.show，感觉非常山寨的解决办法！

关于uni-app中uni-data-picker组件的使用，uni-data-picker是DCloud官方或社区提供的一个用于选择日期、时间或自定义数据的组件。下面是一个基本的代码示例，展示如何在uni-app中使用uni-data-picker组件来实现日期选择功能。

首先，确保你的项目中已经安装了uni-ui库（如果uni-data-picker是其中的一部分）。如果没有，可以通过以下命令安装（假设你使用的是npm）：

npm install @dcloudio/uni-ui

然后在你的页面或组件中引入并使用uni-data-picker。以下是一个完整的页面示例：

<template>
  <view class="container">
    <uni-data-picker
      v-model="selectedDate"
      type="datetime"
      start="2023-01-01 00:00:00"
      end="2025-12-31 23:59:59"
      @change="onDateChange"
    ></uni-data-picker>
    <view>选中的日期时间：{{ selectedDate }}</view>
  </view>
</template>

<script>
import { ref } from 'vue';
export default {
  components: {
    'uni-data-picker': () => import('@dcloudio/uni-ui/lib/uni-data-picker/uni-data-picker.vue')
  },
  setup() {
    const selectedDate = ref('');

    const onDateChange = (e) => {
      selectedDate.value = e.detail.value;
    };

    return {
      selectedDate,
      onDateChange
    };
  }
};
</script>

<style>
.container {
  padding: 20px;
}
</style>

在这个示例中：

  1. 我们使用Vue 3的Composition API（ref和setup）来管理组件的状态。
  2. uni-data-picker组件的v-model绑定到selectedDate变量，用于双向数据绑定。
  3. type属性设置为datetime，表示选择器类型为日期和时间。
  4. start和end属性定义了可选日期时间的范围。
  5. @change事件监听器用于处理日期时间变化时的逻辑，将选中的值赋给selectedDate。

请根据你的实际需求调整type、start、end等属性。如果你需要选择自定义数据，可以将type设置为selector，并通过range属性传入一个数据数组。更多详细用法和属性请参考uni-ui官方文档或uni-data-picker的组件说明。

回到顶部