Dayjs格式和xx-xx-xx之间相互转换

简介: Dayjs格式和xx-xx-xx之间相互转换

最近在写项目中因为用的是 Ant Design Pro中的日期选择器(DatePicker),它给我的数据格式是Dayjs向接口传输也没有问题,但是回显的时候问题就来了,接口返回的如:2023-04-27但是呢,它这个组件并不识别,会报错搞了半天才发现,要的格式不一样。

Dayjs官网:Node.js · Day.js

想要扩展一下的可以看看,不想的话直接安装:

npm install dayjs

最关键的来了:引入

import dayjs from 'dayjs';
import customParseFormat from 'dayjsugin/customParseFormat';

声明转换格式:

const dateFormat = 'YYYY/MM/DD';

接口返回别的格式的话,可以参考:

然后是在代码里面的显示:

//这里我的编辑和添加是一体的所以加一个三元,为1代表添加 
           {datatime === 1 ? (
              <DatePicker
                showTime
           //birth是接口返回的数据(看清楚了不是births)
                onChange={births}
                onOk={onOkss}
                defaultValue={null}
                format={dateFormat}
              />
            ) : (
              <DatePicker
                showTime
                onChange={births}
                onOk={onOkss}
                defaultValue={dayjs(birth, dateFormat)}
                format={dateFormat}
              />
            )}

效果:

相关文章
|
1月前
3D转换
【10月更文挑战第6天】3D转换。
31 4
|
1月前
2D转换
【10月更文挑战第6天】2D转换。
34 3
|
6月前
|
中间件 数据格式
中间件数据格式文本与二进制之间的转换
中间件数据格式文本与二进制之间的转换
43 2
进制之间的转换
说明:进制之间的转换有多种,我只列出自己常使用的方法。 十进制:十进制是以 0-9 这九个数字组成的,也是我们日常生活中最常见的数字 二进制:二进制是 0 和 1 这两个数字组成的,一般常用于计算机中表示 八进制:八进制是 0-7 这八个数字组成的,为了区分,一般开头以 0 开头 十六进制:十六进制由 0-9 和A-F 组成,从 A-F 为 10-15,为了区别,开头以 0x 开头
C#之里氏转换
C#之里氏转换
95 0
|
C语言 C++
C++——数据类型之间的转换
C++——数据类型之间的转换
XWindow与GtkWindow的转换
XWindow与GtkWindow的转换
97 0
|
开发框架 .NET Java
C#基础——字符串、数字之间的转换
C#基础——字符串、数字之间的转换
450 0
C#基础——字符串、数字之间的转换
|
开发框架 .NET C#
c# 枚举之间的转换
c# 枚举之间的转换
169 0