React+Taro选择日期组件封装

话不多说,直接上效果

1.页面渲染时间模块

bash 复制代码
{this.renderCalendarPopup()}

2.引入时间组件弹层,state中加入showPopup(控制什么时候展示时间选择弹层),time(选择后的时间值)

bash 复制代码
private renderCalendarPopup = () => {
    const { showPopup, time } = this.state;
    return (
        <CalendarModal
            onConfirm={this.onCalendarPopupConfirm}
            selectedDate={time}
            visible={showPopup}
            onClose={this.closePopup}
        />
    );
};

3.分别引入时间弹层的CalendarModal控制组件,以及里面具体时间组件,请下载该链接里的两个包,放到项目中
具体代码在这个链接包里

相关推荐
Javian1 分钟前
浅谈前端工程化理解
前端
艾小码3 分钟前
新人必看!3天啃下大型前端项目,我是这样做到的
前端
袁煦丞7 分钟前
宝塔FTP远程文件管理+安全防护:cpolar内网穿透实验室第417个成功挑战
前端·程序员·远程工作
三十_7 分钟前
【NestJS】构建可复用的数据存储模块 - 动态模块
前端·后端·nestjs
干就完了18 分钟前
js数组方法,其实也就这么多东西,一篇全搞懂
前端·javascript
JIE_9 分钟前
【Hero动画】用一个指令实现Vue跨路由/组件动画
前端
aidingni8889 分钟前
Comet浏览器不为人知的故事
前端·javascript
Cache技术分享12 分钟前
182. Java 包 - 创建和使用 Java 包
前端·后端
libokaifa18 分钟前
C++ 基础学习
前端·架构·github
_前端小李_20 分钟前
关于this指向
前端·javascript