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

相关推荐
真的想不出名儿11 分钟前
登录前验证码校验实现
java·前端·python
小高00711 分钟前
前端如何优雅地生成唯一标识?——一份跨环境 UUID 工具函数的封装与实战
前端·javascript·vue.js
云舟吖15 分钟前
Playwright的元素定位器
前端
我是日安16 分钟前
从零到一打造 Vue3 响应式系统 Day 24 - Watch:Options
前端·javascript·vue.js
浅浅的学一下20 分钟前
实现在富文本中直接Ctrl+C复制图片并自动上传,并支持HTML格式的图片的复制
前端
wifi歪f26 分钟前
🎨 探究Function Calling 和 MCP 的奥秘
前端·ai编程·mcp
BrendanDash27 分钟前
React 19.2 已发布,现已上线 npm!
前端·react.js
sheji341639 分钟前
【开题答辩全过程】以 Web数据挖掘在电子商务中的应用研究为例,包含答辩的问题和答案
前端·人工智能·数据挖掘
whltaoin1 小时前
Vue 与 React 深度对比:技术差异、选型建议与未来趋势
前端·前端框架·vue·react·技术选型
敲敲敲-敲代码1 小时前
web系统(asp.net和C#)
前端·c#·asp.net