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的原因

相关推荐
徐同保1 分钟前
n8n创建凭据连接Google Sheets API
前端
houyhea9 分钟前
AI智能体浪潮下的前端演进:一场螺旋上升的轮回
前端·agent
LYFlied10 分钟前
【每日算法】LeetCode 146. LRU 缓存机制
前端·数据结构·算法·leetcode·缓存
半桶水专家11 分钟前
vue中的props详解
前端·javascript·vue.js
HIT_Weston15 分钟前
65、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(九)
前端·ubuntu·gitlab
b***748817 分钟前
前端的未来不是框架之争,而是数字体验能力的全面竞争
前端
Alair‎20 分钟前
202React-Query:useMutation
react.js
Lunar*23 分钟前
[开源] 纯前端实现楼盘采光模拟工具:从2D规划图到3D日照分析
前端·3d
白兰地空瓶26 分钟前
一行 npm init vite,前端工程化的世界就此展开
前端·vue.js·vite
LYFlied26 分钟前
【每日算法】LeetCode 23. 合并 K 个升序链表
前端·数据结构·算法·leetcode·链表