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

Question

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

uni-datetime-picker不支持nvue

Answer 1

uview就行 我一般就用这个

Answer 2

uView UI 的 DatetimePicker 组件我看是支持NVUE的。

Answer 3

在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>

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