date.locale is not a function

在使用antd的日期组件的过程中,我想要在form表单中将已经生成好的日期数据显示在DatePicker中,应该这样去处理:

复制代码
{
    "info": "Scott Robinson",
    "infoimage": [
        "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
    ],
    "url": "wais://tgcpiwl.bm/syuehvmd",
    "ip": "149.87.108.249",
    "address": "上海 上海市 虹口区",
    "date": "1989-03-01T00:00:00.000Z",
    "email": "v.kgmtrgfxcm@shnuycmbc.info",
    "text": "现科电东件象两算它做民派越音。指认满容必五员观毛小体进史向际些。"
}

<Form.Item
      label="日期"
      name="date"
      rules={[{ required: true, message: '日期不能为空!' }]}
      >
        <DatePicker />
</Form.Item>

// record是需要回显的数据
const obj = record;
obj.date = dayjs(new Date(record.date));
// setIsRecord是对form表单的数据对象进行赋值
setIsRecord(obj);

参考链接:
https://codesandbox.io/s/antd-reproduction-template-forked-4mv33s?file=/index.js

相关推荐
BullSmall1 分钟前
支持离线配置修改及删除操作的实现方案
前端
全栈前端老曹28 分钟前
【前端路由】Vue Router 嵌套路由 - 配置父子级路由、命名视图、动态路径匹配
前端·javascript·vue.js·node.js·ecmascript·vue-router·前端路由
电摇小人32 分钟前
我的“C++之旅”(博客之星主题作文)
java·开发语言
资生算法程序员_畅想家_剑魔33 分钟前
Java常见技术分享-23-多线程安全-总结
java·开发语言
EndingCoder36 分钟前
安装和设置 TypeScript 开发环境
前端·javascript·typescript
萧曵 丶1 小时前
ArrayList 和 HashMap 自动扩容机制详解
java·开发语言·面试
这是程序猿1 小时前
基于java的ssm框架学生作业管理系统
java·开发语言·spring boot·spring·学生作业管理系统
千百元1 小时前
限制网段访问服务器端口63790
java·网络·mybatis
张雨zy1 小时前
Vue 项目管理数据时,Cookie、Pinia 和 LocalStorage 三种常见的工具的选择
前端·javascript·vue.js
宋情写1 小时前
JavaAI03-数据来源
java