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

相关推荐
前端小白从0开始37 分钟前
Vue3项目实现WPS文件预览和内容回填功能
前端·javascript·vue.js·html5·wps·文档回填·文档在线预览
難釋懷1 小时前
Vue解决开发环境 Ajax 跨域问题
前端·vue.js·ajax
特立独行的猫a2 小时前
Nuxt.js 中的路由配置详解
开发语言·前端·javascript·路由·nuxt·nuxtjs
咸虾米2 小时前
在uniCloud云对象中定义dbJQL的便捷方法
前端·javascript
梨子同志2 小时前
JavaScript Proxy 和 Reflect
前端·javascript
汤圆炒橘子2 小时前
状态策略模式的优势分析
前端
90后的晨仔2 小时前
解析鸿蒙 ArkTS 中的 Union 类型与 TypeAliases类型
前端·harmonyos
IT_陈寒2 小时前
Element Plus 2.10.0 重磅发布!新增Splitter组件
前端·人工智能·后端
挑战者6668882 小时前
vue入门环境搭建及demo运行
前端·javascript·vue.js
贩卖纯净水.2 小时前
Webpack的基本使用 - babel
前端·webpack·node.js