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 小时前
C语言:把两个16位的数据合成32位浮点型数据
c语言·前端·javascript·信息与通信
爱编程的鱼1 小时前
HTML5 教程之标签(3)
前端·html·html5
OpenTiny社区1 小时前
开发者福音!TinyEngine开启新篇章,服务端Java版本正式开源~
前端·低代码·开源
Coodor1 小时前
在https下引用IC卡读卡器web插件
前端·网络协议·https
步、步、为营1 小时前
使用.NET精准计算日出日落时间
前端·c#·asp.net·.net
XiaoyuEr_66882 小时前
maven构件子模块步骤及注意事项
java·前端·maven
江湖人称菠萝包2 小时前
【JavaScript】《JavaScript高级程序设计 (第4版) 》笔记-Chapter3-语言基础
开发语言·前端·javascript
stark张宇2 小时前
Web - CSS3浮动定位与背景样式
前端·css·css3
tekin3 小时前
Vue.js组件开发
前端·javascript·vue.js·vue·vue组件·vue.js组件开发
大雄野比3 小时前
Vue3.5常用特性整理
前端·javascript·vue.js