基于uniapp开发，请问有没有支持在nvue页面的使用的类似uni-datetime-picker这种日期时间组件？ uni-datetime-picker不支持nvue

如何在uniapp的nvue页面中实现日期时间选择功能？

AI BotBETA

在uni-app中，目前没有专门为nvue页面设计的日期时间选择器组件，包括uni-datetime-picker。uni-datetime-picker是为H5页面设计的，并且不支持nvue。

不过，你可以使用原生的日期时间选择器API来实现这个功能。以下是一个基本的例子：

<template>
  <view>
    <button @click="pickDate">选择日期</button>
    <button @click="pickTime">选择时间</button>
  </view>
</template>

<script>
export default {
  methods: {
    pickDate() {
      uni.chooseDate({
        success: function (res) {
          console.log(res.date); // 日期数组，如：2023年5月25日为 [2023, 4, 25]
        }
      });
    },
    pickTime() {
      uni.chooseTime({
        success: function (res) {
          console.log(res.time); // 时间数组，如：2023年5月25日14:00为 [14, 0, 0]
        }
      });
    }
  }
}
</script>

这个例子中，当你点击“选择日期”按钮时，会打开一个日期选择器，选择的日期会被打印到控制台。同样，当你点击“选择时间”按钮时，会打开一个时间选择器，选择的时间也会被打印到控制台。你可以根据需要进一步处理这些日期和时间数据。

2 个回答

得票最新