当前位置: 首页 > 知识库问答 >
问题:

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

钱承允
2024-01-03

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

uni-datetime-picker不支持nvue

共有3个答案

堵泽宇
2024-01-03

uview就行 我一般就用这个

弘承业
2024-01-03

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

图片.png

阎嘉荣
2024-01-03

在uni-app中,目前没有专门为nvue页面设计的日期时间选择器组件,包括uni-datetime-pickeruni-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>

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

 类似资料:
  • 问题内容: 我有一个类型为“ datetime”的列,其值类似于2009-10-20 10:00:00 我想从datetime提取日期并编写类似的查询: 以下是最好的方法吗? 但是,这将返回一个空的结果集。有什么建议么? 问题答案: 您可以使用MySQL的功能: 您也可以尝试以下方法: 有关使用的性能影响的信息,请参见此答案。

  • 如何实现时间选择器(以及日期选择器)的这种布局?默认布局要么是一个(非常大的)时钟,要么是一个(不漂亮的)旋转器样式的时间选择器。我在几个应用程序中看到了这一点,但找不到如何实现这种外观和感觉。

  • 在nvue页面如何实现下拉刷新? 尝试用了uni-scroll-view这个组件发现没有效果

  • 我想禁用日期时间选择器中的时间选择器。我正在使用一些参数,如picTime: false和form:"dd MM yyyy"。但是没有用...我正在使用http://eonasdan.github.io/bootstrap-datetimepicker/ Plzz给出解决方案

  • 我想在日期时间选择器中选择大于开始日期的结束日期时间。 当前,我正在开始日期时间和结束日期时间。 假设,我选择了时间为12:00 pm的当前日期,现在end date应该是时间为1:00 pm的当前日期。 我想要下面这样的东西 示例 开始日期和时间:---2019-11-06 12:00结束日期和时间:---2019-11-06 1:00 这是我的代码 null null

  • 日期时间选择器是一个定制的picker,因此他的用法和picker完全一致。打开picker的默认值是当前时间,可以通过value参数指定 datetime-picker 定制了 onChange 和 cols 参数,请不要设置这两个参数。 <input type="text" id='datetime-picker'/> <script>   $("#datetime-picker").da