【uniUI优化建议】uni-datetime-picker组件不选结束时间时提示

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.8.12

手机系统： Android

手机系统版本号： Android 14

手机厂商：华为

手机机型： IQOO

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

calendar.vue组件

/**  
 * 确认按钮  
 */  
confirm() {  
    this.setEmit('confirm')  
    if(this.range){  
        const { before, after } = this.cale.multipleStatus  
        if(before && !after){  
            return uni.showToast({  
                title: '请选择结束时间',  
                icon: 'none',  
                mask: false  
            })  
        }  
    }  
    this.close()  
},

操作步骤：

略

预期结果：

提示，不关闭弹窗

实际结果：

直接关闭

bug描述：

uni-datetime-picker当选择范围日期时，若不选择结束时间，组件直接关闭无任何提示反应，对用户体验不好。建议在confirm回调中判断若是范围选择而又开始没结束就toast提示一下，不关闭弹窗

2023-09-25 16:44 负责人:无分享

1 个回复

1***@qq.com (作者)

移动端每次碰到选择时间范围的情况产品都要说怕用户不知道，之前是拆开成两个，这次懒得动直接改源码了

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

【uniUI优化建议】uni-datetime-picker组件不选结束时间时提示

示例代码：

calendar.vue组件

`/** * 确认按钮 */ confirm() { this.setEmit('confirm') if(this.range){ const { before, after } = this.cale.multipleStatus if(before && !after){ return uni.showToast({ title: '请选择结束时间', icon: 'none', mask: false }) } } this.close() },`

操作步骤：

略

预期结果：

提示，不关闭弹窗

实际结果：

直接关闭

bug描述：

1 个回复

公告

相关问题

【uniUI优化建议】uni-datetime-picker组件不选结束时间时提示

示例代码： calendar.vue组件 /** * 确认按钮 */ confirm() { this.setEmit('confirm') if(this.range){ const { before, after } = this.cale.multipleStatus if(before && !after){ return uni.showToast({ title: '请选择结束时间', icon: 'none', mask: false }) } } this.close() },

操作步骤： 略

预期结果： 提示，不关闭弹窗

实际结果： 直接关闭

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

calendar.vue组件

`/** * 确认按钮 */ confirm() { this.setEmit('confirm') if(this.range){ const { before, after } = this.cale.multipleStatus if(before && !after){ return uni.showToast({ title: '请选择结束时间', icon: 'none', mask: false }) } } this.close() },`

操作步骤：

略

预期结果：

提示，不关闭弹窗

实际结果：

直接关闭