Antd组件DatePicker报错date.isValid is not a function

于 2024-04-24 17:20:02 发布
阅读量745 收藏
点赞数 2
文章标签： 前端 react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74279698/article/details/138164665
版权

一、发现问题

刚开始我将antd组件DatePicker组件的数值传递下来后更改格式为YYYY-MM-DD格式存入数据库，但是想更改数值的时候发生了这个报错

二、解决问题

由于它说函数未找到，所以我在我的代码中寻找这个函数发现未找到这个函数，又仔细查找了一下发现是DatePicker组件发生报错于是开始一层一层查找，最终发现是由于数据编辑的时候将数值传入DatePicker中但由于我数据库中的数据是一个String类型所以发生了这个报错，于是我又查看了antd官网发现DatePikcer的value是dayjs类型于是我使用dayjs库将String类型转换成为dayjs类型

三、问题解决

完成效果：

前端小菜鸡一只
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
from-antd-datepicker:包装antd日期组件
05-06
起始日期选择器 起始日期选择器 安装 npm install --save from-antd-datepicker 用法 import * as React from "react" ; import SingleDatePicker , { RangePicker } from "from-antd-datepicker" ; class Example extends React . Component { render ( ) { return ( < > < SingleDatePicker> < RangePicker> < > ); } } 执照 麻省理工学院:copyright:
解决antd datepicker 获取时间默认少8个小时的问题
01-18
Date.prototype.format = function (fmt) { let o = { M+: this.getMonth() + 1, //月份 d+: this.getDate(), //日 h+: this.getHours(), //小时 m+: this.getMinutes(), //分 s+: this.getSeconds(), //秒 q...
Element 报错 dateStr.match is not a function“
热门推荐
单飞吧的博客
09-18 3万+
这个错误是因为Element 的日期组件的数据类型不能为Number 解决办法：把数据转换为字符串 val date = toString(12);
antd组件库日期组件日期回显时,date.locale is not a function错误解决办法
qq_66107576的博客
10-27 1590
1. 网上的几篇都是 教 用locale={locale}去处理国际化之类的,但我的处理了还是没用,后经查文档知晓。千万不可用 dayjs(obj.entryTime).format("YYYY-MM-DD")去处理。2.日期赋值之前应做以下的处理(我的数据是'2022-02-02'格式的)必须用 dayjs(entryTime, "YYYY-MM-DD")dayjs为dayjs第三库。
Layui 中使用vaildate 报错 $（#form）.validate is not a function
qq_35533476的博客
09-07 3416
在layui 中使用 jquery vaildate 验证框架时报错 $（#form）.validate is not a function的问题今天在使用layui 加 jquery vaildate验证时出现上述错误 ， 反复检查了id名，JS的语法等等，都没发现错误，突然想到可能是应用顺序问题，开始引用顺序： 解决办法： 应用jquery 单独的架包就可以了 ，不需要删除lay
关于ant-design中，时间选择器组件＜a-date-picker＞中解决报错为date.locale is not a function的方法
最新发布
m0_64601465的博客
12-27 1159
反正我是在调用当前时间，无论是用的哪个时间库，比如dayjs或者moment等调用当前时间时候显示在组件上面用v-model绑定时候，都会报错，找了很多方法，我是通过添加valueFormat属性解决。如上面代码所示，你只要添加了valueFormat属性，并设置成你想要的时间格式就不会报错，报错的原因是因为你调用了对应的时间库产生的报错。首先，确保你已经安装了 ant-design-vue 包。其次，你要确保已经把时间选择器组件a-data-picker引入进来。
vue3 ant DatePicker时间组件 TypeError: date4.locale is not a function
MoXinXueWEB的博客
06-25 4021
小菜鸟做笔记
Uncaught TypeError: $(...).valid is not a function
墨 尘
08-18 912
基本上都是没有引入这个js： jquery.validate.min.js
antd Datepicker组件报错 ——date.clone is not a function或者date1.isAfter is not a function
qq_36904182的博客
04-20 8586
问题描述： antd Datepicker组件报错 ——date.clone is not a function或者date1.isAfter is not a function 原因分析： 在From中渲染默认值，一般数据请求拿到返回值存在异步，会晚于渲染，因此日期转换不能放在DatePicker 解决方案： 在请求接口拿到返回数据的时候就做转换 ...
控制台报错object is not a function的解决方法
09-04
页面的功能用不了，打开控制台发现报错：object is not a function，下面是原因与解决方法，有类似情况的朋友可以看看
antd-DatePicker组件获取时间值,及相关设置方式
01-21
DatePicker组件默认语言是英语，需要设置为中文的话，需要安装moment。 import moment from “moment”; import “moment/locale/zh-cn” format属性，设置日期的格式，如“2020-02-28”。 设置日期 选择日期是...
基于Antd的DatePicker组件进行二次封装:支持随意输入任意格式时间
05-13
该组件是基于antd的DatePicker日期组件二次封装的组件，本次封装主要是额外支持输入任意类型的日期格式 输入类型：2022-11-11、2022.11.11、2022/11/11、2022.11-12等混合输入类型，最后框中展示的格式是有外部传入...
Vue使用ElenmentUI的表单出现validate is not function错误
Zr博客
11-08 1592
在学习使用vue+element 的时候使用表怎么也验证不了，就出现validate is not function异常，百度搜索也没找到合适的解决方案，只能自己调试。以下是错误截图。 经过一系列尝试发现原来this.$refs.goodsForm变成了数组，导致找不到的。所以只要使用this.$refs.goodsForm[0]就可以解决这个问题。 ...
React antd 报错TypeError: e.isAfter is not a function 及类似原因总结
JeffanChen的博客
04-20 7992
这个问题是在保存高级搜索条件时报的错，经检查是这段代码报的错 给出类似代码 import React, {useEffect} from 'react'; import {Form,DatePicker,} from 'antd'; function example(){ const [form] = Form.useform(); useEffect(()=>{ .... //searchdata是按原样用form.getFieldsValue()保存的 let tempdata=J
前端date.locale is not a function错误解决办法
qq_47599989的博客
12-20 1万+
前端date.locale is not a function错误解决办法
date.locale is not a function
m0_52518047的博客
07-19 1352
【代码】date.locale is not a function。
el-from 报 validate is not a function
wzzjswx的博客
09-21 913
想着写了那么久的代码，不应该犯这种问题呀，大概的过了下代码，每个from-item的prop属性也带了，属性名也对上了。再说提示的是validate错误，也不应该是form-item的错误。在对比了下写法，也没怎么发现问题。最近在写表单验证规则的时候，突然报一些“xxx.value.validate is not a function”的错误。在写表单组件的手抽筋，给ref加了个绑定。好吧，是更简单的问题导致的。
日期回显后一点击就报错 clone.weekday is not a function
07-13
出现 "clone.weekday is not a function" 错误通常是因为日期对象不是 Moment.js 对象，而是普通的 JavaScript Date 对象。在 Ant Design 的 DatePicker 组件中，需要传递 Moment.js 对象作为 value 属性的值。 解决方案是将 JavaScript Date 对象转换为 Moment.js 对象。你可以使用 Moment.js 的 `moment()` 函数来实现转换。以下是一个示例： ```jsx import { DatePicker } from 'antd'; import moment from 'moment'; const YourComponent = () => { const initialDate = new Date(); // 假设初始日期为当前日期 const momentDate = moment(initialDate); // 将 JavaScript Date 对象转换为 Moment.js 对象 return ( <DatePicker value={momentDate} /> ); } ``` 在上述代码中，我们使用 `moment()` 函数将 initialDate 转换为 Moment.js 对象，并将其作为 value 属性的值传递给 DatePicker 组件。 请确保在使用之前先安装 Moment.js，并在代码中引入 moment 对象。 通过将日期对象转换为 Moment.js 对象，你应该能够解决 "clone.weekday is not a function" 错误。如果问题仍然存在，请提供更多的代码和错误信息以便我进一步帮助你。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值