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控制组件,以及里面具体时间组件,请下载该链接里的两个包,放到项目中
具体代码在这个链接包里

相关推荐
just小千10 分钟前
HTML进阶——常用标签及其属性
前端·html
惜.己12 分钟前
html笔记(一)
前端·笔记·html
Lsx-codeShare15 分钟前
一文读懂 Uniapp 小程序登录流程
前端·javascript·小程序·uni-app
曹牧16 分钟前
HTML实体名称
前端·html
小胖霞18 分钟前
Node+Express+MySQL 后端生产环境部署,实现注册功能(三)
前端·后端
一 乐19 分钟前
农产品电商|基于SprinBoot+vue的农产品电商系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·spring boot
云鹤_20 分钟前
【Amis源码阅读】低代码如何实现交互?(上)
前端·低代码
q***31141 小时前
【Springboot3+vue3】从零到一搭建Springboot3+vue3前后端分离项目之后端环境搭建
android·前端·后端
Jseeza1 小时前
React源码学习准备工作①——什么是Fiber
react.js