技术栈

react使用DatePicker日期选择器

恰小面包2025-02-06 13:29

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

上一篇:React中key值的正确使用指南:为什么需要它以及如何选择
下一篇:linux——网络(服务器的永久不挂——守护进程)
相关推荐
JuneXcy
12 分钟前
11.Layout-Pinia优化重复请求
前端·javascript·css
子洋
22 分钟前
快速目录跳转工具 zoxide 使用指南
前端·后端·shell
天下无贼!
23 分钟前
【自制组件库】从零到一实现属于自己的 Vue3 组件库!!!
前端·javascript·vue.js·ui·架构·scss
sHlsy1995
26 分钟前
Svelte 5 完全指南:从入门到跨端应用开发
前端框架·svelte
CF14年老兵
43 分钟前
✅ Next.js 渲染速查表
前端·react.js·next.js
司宸
1 小时前
学习笔记八 —— 虚拟DOM diff算法 fiber原理
前端
阳树阳树
1 小时前
JSON.parse 与 JSON.stringify 可能引发的问题
前端
让辣条自由翱翔
1 小时前
总结一下Vue的组件通信
前端
dyb
1 小时前
开箱即用的Next.js SSR企业级开发模板
前端·react.js·next.js
前端的日常
1 小时前
Vite 如何处理静态资源?
前端
热门推荐
01Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code02全球最强模型Grok4,国内已可免费使用!(附教程)03MSPM0G3507——读取引脚的高低电平方法(数字信号循迹模块)04腾讯还是太全面了,限时免费!超全CodeBuddy IDE保姆级教程!(附案例)05Coze 开源了,送上保姆级私有化部署方案【建议收藏】06KGG转MP3工具|非KGM文件|解密音频07扣子开源本地部署教程 丨Coze智能体小白喂饭级指南082025年电子设计大赛G题《电路模型探究装置》各小问数学推导及个人思路09VMware Workstation Pro虚拟机的下载和安装图文保姆级教程(附下载链接)102025电赛e题:openmv识别过程丢失矩形