react使用DatePicker日期选择器

1、引入:npm i day

2、页面引入:

javascript 复制代码
import dayjs from 'dayjs';

3、使用

javascript 复制代码
<DatePicker onChange={onChange} value={datas ? dayjs(datas) : null} />

4、事件

TypeScript 复制代码
  const onChange = (date, dateString) => {
    setInput(dateString)
    setDatas(dateString)
  };

如果页面出现这个情况

是没有引入npm i day的原因

相关推荐
笨笨饿28 分钟前
#121_图传中的H.364编码与MP4的联系
linux·运维·前端·单片机·嵌入式硬件·面试·职场和发展
默_笙1 小时前
☕ 我给 TS 类型做了台"瘦身手术",还顺手用 Docker 起了个 MySQL
前端·javascript
leoZ2312 小时前
AI+前端提效- 06 AI辅助调试排错:前端报错、白屏、兼容问题极速定位
前端·人工智能·chatgpt·状态模式·超分辨率重建·openvino·dreamfusion
ji_shuke2 小时前
Vue 3 使用 History 哨兵和 popstate 拦截浏览器返回
前端·javascript·vue.js·history·哨兵·popstate
名字还没想好☜2 小时前
Prometheus 告警实战:写 alerting rules、用 Alertmanager 做路由分组与抑制
运维·前端·javascript·docker·kubernetes·prometheus
郭邯3 小时前
从零撸了一个 HTML 实体编解码工具,顺便聊聊我和 AI 结对编程的日常
前端
樊小肆3 小时前
DeepSeeker-Code源码导读12-Hooks四引擎
前端·人工智能·agent
xm_xm_xm_13 小时前
TypeScript 7 个 核心特性
前端·typescript
pppiii3 小时前
前端并发请求控制:5 种实现方案完整梳理
前端
郑州光合科技余经理3 小时前
本地生活平台搭建:统一订单表与多后台切换怎么拆
java·开发语言·前端·系统架构·uni-app·php·ai编程