z***@shijigroup.com

发布：2022-08-19 15:11
更新：2022-09-08 16:03
阅读：698

【报Bug】【uni-datetime-picker】调用DatetimePicker Methods中的close，无法关闭弹层；

分类：uni-app

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win 10

HBuilderX类型：正式

HBuilderX版本号： 3.5.4

手机系统： Android

手机系统版本号： Android 11

手机厂商：华为

手机机型：荣耀v30

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<template>  
    <uni-datetime-picker ref="stateDateRef"  type="date" placeholder="日期"  :clear-icon="true"  v-model="startDate" @change="getStartDate" />  
</template>  

<script setup>  
   import { ref } from 'vue'  
   import {onLoad,onNavigationBarButtonTap} from '@dcloudio/uni-app'  
    import { currentWebview } from '@/common/common.js'  
   let stateDateRef = ref(null);  
   let  startDate = ref(");  

   // 获取日期  
   const getStartDate =  e => startDate.value = e;  

  // 监听导航栏input的事件  
    currentWebview().addEventListener("titleNViewSearchInputFocusChanged",e=>{  
    if(e.focus){ // 获取焦点时隐藏日期组件  
        stateDateRef.value.close();  
    }  
   })  

   //  导航栏的按钮事件   
   onNavigationBarButtonTap(() => {  
    stateDateRef.value.close();   
   });  

</script >

操作步骤：

1、点击日期，显示日期组件;
2、获取导航栏的input的焦点，弹出软键盘键盘

预期结果：

获取input的焦点后可以隐藏打开的日期弹层

实际结果：

无法隐藏已显示的日期弹层

bug描述：

【uni-datetime-picker】调用DatetimePicker Methods中的close，无法关闭弹出层；

2022-08-19 15:11 负责人:CODE_XU 分享

3 个回复

CODE_XU

BUG 确认，已加分

DCloud_UNI_WZF

暂时可通过在组件 close function 中增加 this.$refs.mobile.close() 解决，后续组件层面会修复

close() {  
    setTimeout(() => {  
        this.$refs.mobile.close()  
        this.popup = false  
        this.$emit('maskClick', this.value)  
    }, 20)  
}

DCloud_UNI_WZF

2.2.8 已修复该问题

要回复问题请先登录或注册

【报Bug】【uni-datetime-picker】调用DatetimePicker Methods中的close，无法关闭弹层；

操作步骤：

1、点击日期，显示日期组件;
2、获取导航栏的input的焦点，弹出软键盘键盘

预期结果：

获取input的焦点后可以隐藏打开的日期弹层

实际结果：

无法隐藏已显示的日期弹层

bug描述：

3 个回复

公告

相关问题

【报Bug】【uni-datetime-picker】调用DatetimePicker Methods中的close，无法关闭弹层；

操作步骤： 1、点击日期，显示日期组件; 2、获取导航栏的input的焦点，弹出软键盘键盘

预期结果： 获取input的焦点后可以隐藏打开的日期弹层

实际结果： 无法隐藏已显示的日期弹层

bug描述：

相关链接 ：

与内容相关的链接

3 个回复

公告

相关问题

操作步骤：

1、点击日期，显示日期组件;
2、获取导航栏的input的焦点，弹出软键盘键盘

预期结果：

获取input的焦点后可以隐藏打开的日期弹层

实际结果：

无法隐藏已显示的日期弹层

相关链接：