当前位置: 首页 > news >正文

React+Taro选择日期组件封装

话不多说,直接上效果
在这里插入图片描述

1.页面渲染时间模块

{this.renderCalendarPopup()}

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

private renderCalendarPopup = () => {const { showPopup, time } = this.state;return (<CalendarModalonConfirm={this.onCalendarPopupConfirm}selectedDate={time}visible={showPopup}onClose={this.closePopup}/>);
};

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

相关文章:

  • 《让歌声跨越山海:Flutter借助Agora SDK实现高质量连麦合唱》
  • Android设备序列号获取方式全解析
  • 【彻底卸载nginx并部署nginx1.22.1+ssl模块等】
  • Azure资源创建与部署指南
  • 全场景漏洞检测工具深度解析:从 AppScan 版本差异到多工具协同实战
  • Spring创建的线程池
  • springboot3 + mybatis-plus3 创建web项目实现表增删改查
  • shell脚本基础详细学习(更新中)
  • 仿真每日一练 | 有限元模态分析详解
  • 使用 ANSYS AEDT(单向耦合)进行高功率同轴射频滤波器的热分析
  • 介质访问控制(MAC)
  • 【PostgreSQL】不开启归档模式,是否会影响主从库备份?
  • 从零打造企业级Android木马:数据窃取与远程控制实战
  • leetcode0310. 最小高度树-medium
  • JAVA包装类
  • 在linux系统中,没有网络如何生成流量以使得wireshark能捕获到流量
  • 复合机器人案例启示:富唯智能如何以模块化创新引领工业自动化新标杆
  • kafka学习笔记(四、生产者、消费者(客户端)深入研究(三)——事务详解及代码实例)
  • Microsoft Azure DevOps针对Angular项目创建build版本的yaml
  • 编译型语言 vs 解释性语言 vs 编译解释语言
  • 巴基斯坦称回应挑衅,对印度发起军事行动
  • 欧盟决意与俄罗斯能源彻底决裂之际,美国谋划新生意:进口俄气对欧转售
  • 上海“世行对标改革”的税务样本:设立全国首个税务审判庭、制定首个税务行政复议简易程序
  • 欧洲史上最严重停电事故敲响警钟:能源转型如何保证电网稳定?
  • 江西省直机关工委副书记熊亮华履新宜春市委常委、宣传部部长
  • 吉林市马拉松5月18日开赛,奖牌、参赛服公布