先上图,安卓正常显示,ios弹出层被遮挡。 最后发现,是uni-datetime-picker的父层级元素scroll-view造成的,将scroll-view改为view,就显示正常了。
uni_modules/uni-datetime-picker/components/uni-datetime-picker time-picker.vue 1 file changed +23 -7lines changed uni_modules/uni-datetime-picker/components/uni-datetime-picker/time-picker.vue +23-7 Original file line numberDiff line numberDiff line change @@ -185,18 +185,34 @@ 185 ...
{ "id": "uni-datetime-picker", "displayName": "uni-datetime-picker 日期选择器", "version": "2.2.3", "version": "2.2.4", "description": "uni-datetime-picker 日期时间选择器,支持日历,支持范围选择", "keywords": [ "uni-datetime-picker",0...
npm install @tuniao/tnui-vue3-uniapp 然后在你的Vue组件中引入并使用时间选择器: vue <template> <TnDateTimePicker v-model="dateTimeValue" v-model:open="openDateTimePicker" mode="datetime" /> </template> <script lang="ts" setup> import { ref } from 'vue'...
<TnDateTimePicker v-model="formData.inspection_date" v-model:open="openDateTimePicker"mode="yearmonth" /> </tn-form-item><view v-for="(item, index) in WhMxListData" :key="index"> {{index+1}}、{{item.content_name}} 巡检部件情况说明 <tn-form...
<picker @change="car_confirm" :value="index" :range="columns" style="width: 100%;"> <view class="uni-input">{{columns[index]}}</view> </picker> </view> --> <!-- --> <view v-for="(item,index) in parkInfo" :key="index...
</text> <view class="block"> <uni-datetime-picker type="range" v-model="dispatchDate"></uni-datetime-picker> </view> </view> <view class="section"> <text>指定完成日期: </text> <view class="block"> <uni-datetime-picker type="range" v-model="taskDate"></uni-datetime-picker> <...
开发: 大体看了下uniapp,他有自己的时间选择器标签,picker,设置mode=time可实现时间选择器的基本样式需求,但跟需求不符(需求要可选未知类型的),那就改吧 花了几天的时间找源码,没找到!!!(真TM离谱) 后来看了下,去插件市场找了个时间插件,用的是kx-datetime,结果看了下源码,Soeasy,时间选择器由一个picker...
了解uni-app是什么,它的优势和适用场景,以及它作为一个跨平台框架的基本概念。 如何安装uni-app,包括环境配置和项目创建等步骤。 如何进行uni-app项目的目录结构和代码规范的了解,这对于后续的项目开发至关重要。 如何进行uni-app项目的打包和发布,以完成从开发到上线的整个过程。 实战项目,通过实际操作案例来巩固和...
<uni-datetime-picker type="datetime" :start="start" :end="end" v-model="datetimeString" @change="change" /> </view> </view> <view class="form-group"> <text>客户姓名:</text> </view> <view class="form-group"> <text>客户电话:</text> </view> <view class="...