- 2
- 0
- 约1.47万字
- 约 11页
- 2023-08-13 发布于上海
- 举报
⾃⼰动⼿写⼀个移动端⽇期选择器组件
背景
本⽂写的组件是基于 uni-app 框架下的,但是其实框架不重要,思路都是⼀样的。
有同学可能会问了, 本⾝不是就有 , 的时候就是时间选择器了吗,为什么还要⾃⼰写⼀个?那是因为我们产品⼤佬
uni-app picker mode=time
说,不要固定在底部弹出选择的,想嵌套在页⾯筛选条件⾥,因为考虑到交互blabla的……我想了想,好吧,给时间啥都好说,咱就⾃⼰造个轮⼦
呗~
效果演⽰
先来看看效果~
完整功能
年⽉⽇模式
年⽉⽇时分秒模式
年⽉模式
思路
开始动⼿之前先捋⼀下思路。
移动端的⽇期筛选器交互⽅式⽐较常见的都是多列滚动的,所以我们可以⽤ picker-view 来实现。除了基础交互,组件需要注意的点就是年⽉⽇之
间的相互关联,⽐如1⽉有31天,4⽉是30天,闰年2⽉是29天等这些,也就是年⽉⽇需要相互
您可能关注的文档
最近下载
- 2026年全国初中数学竞赛培优真题汇编 专题13平面直角坐标系含详解.docx VIP
- 2026年全国初中数学竞赛培优真题汇编 专题8一元一次方程含详解.docx VIP
- 生物试卷七年级上册单元测试(含答案解析).pdf VIP
- 七年级上册生物第一单元测试题(含答案)(附答案).pdf VIP
- 人教版七年级上册生物单元测试题全套(含答案).pdf VIP
- 高中一年级生物题库与环境试题-高一生物试卷与试题.pdf VIP
- 2026年全国初中数学竞赛培优真题汇编 专题15一次函数含详解.docx VIP
- 物理必修一期末试题(卷).doc VIP
- 专题34 一次函数(竞赛培优讲义)初中数学竞赛能力培优教程(全国通用).docx VIP
- 2022年广州市高中一年级物理竞赛试题.docx VIP
原创力文档

文档评论(0)