怎么用uni-popup实现菜鸟上门取件时间选择器


这篇文章主要讲解了“怎么用uni-popup实现菜鸟上门取件时间选择器”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用uni-popup实现菜鸟上门取件时间选择器”吧!因为目前我的项目只用到这三端,其他的都还没测,所以兼容不保证支付宝小程序开发者工具popup弹出来会直接滚到最顶部,显示异常,但真机上面没问题,可以不用管1、弹窗从底部弹出点击蒙层不可关闭弹窗header左侧title , 右侧关闭按钮2、左侧日期选择器显示近3天日期显示(今天、明天、周一、周二等)3、右侧时间选择器可选时间可配置过期时间显示 “已过期”选中效果当前已无可选时间,应该删除今天日期,只可以选未来日期先做一下基础布局,简单的分成上左右三大块,并做一些基础的配置按照需求我重新设计了一下功能及交互日期选择器日期可配置,支持显示最近n天日期显示今天、明天、后台及工作日默认选中当日(今天)时间选择器基础功能删除过期时间今日所有可选日期都过期之后删除日期选框(今天)选项选中时间后面打钩,并关闭弹窗可选功能显示已过期时间 (逻辑几个版本之前已经删除了,现在只剩类名,需要的同学可以大概看下代码把它加上或者评论区留个言我把给你找找代码 , 功能样式就类似菜鸟)直接删除已过期时间最终数据格式如图:因为考虑到取件没有那么快,至少要提前半小时下单,所以就有了下面的逻辑(我这里是90分钟)传入 09:00-10:00 格式时间区间截取过期时间, 和当前时间做对比判断已过期 、即将过期 、未过期时间区域打开显示对应选中时间位置右侧时间列表改后台返回感谢各位的阅读,以上就是“怎么用uni-popup实现菜鸟上门取件时间选择器”的内容了,经过本文的学习后,相信大家对怎么用un免费云主机域名i-popup实现菜鸟上门取件时间选择器这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!

相关推荐: Python np.where()怎么应用

这篇文章主要介绍“Pythonnp.where()怎么应用”,在日常操作中,相信很多人在Pythonnp.where()怎么应用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Pythonnp.where()怎么应用”的疑惑有所帮…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/30 15:04
下一篇 03/30 15:04

相关推荐