antdv: DatePicker报错

鱼柠檬

已于 2022-03-24 11:27:08 修改

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：日常问题合集文章标签：前端

于 2022-03-24 11:26:06 首次发布

本文链接：https://blog.csdn.net/rbgg_mp/article/details/123706489

日常问题合集专栏收录该内容

9 篇文章

订阅专栏

在使用 Ant Design Vue 的 DatePicker 组件时遇到了一个问题，即 `value` 属性设置为无效的 moment 时间导致错误。正常情况下，设置为当前月份的格式应为 `moment().format('YYYY-MM')`。然而，当尝试直接使用 `new Date()` 初始化 `monthValue` 时，由于组件默认需要 moment 对象，会导致错误。解决方案是在 data 中定义 `monthValue` 时使用 `moment(new Date(), 'YYYY-MM')` 来确保正确格式化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[antdv: DatePicker] `value` provides invalidate moment time. If you want set empty value，use `null`

老是遇到这个问题

正常使用：

html：
 <a-month-picker v-model="monthValue"  :allowClear="false" type="month" placeholder="选择月"></a-month-picker>
data:
monthValue：moment().format('YYYY-MM')

但是这样却报错了，原来是
ant design vue datepicker 默认需要moment格式，所以会报错。

所以在data中定义的时候，用以下方式定义：

 monthValue: moment(new Date(), 'YYYY-MM')

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

鱼柠檬

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Antd 使用DatePicker报错 date.clone is not a function

cx0517的博客

12-07

1094

今天在Form表单中使用DatePicker组件。页面如果添加name,页面报错。去除绑定Form中的name,在DatePicker中使用value 绑定值。getValueProps为子元素添加额外的属性。使用getValueProps。

AntD使用Form表单DatePicker时间组件时间差一天bug

莉兹Liz的博客

11-29

2835

问题在使用AntD使用Form表单DatePicker时间组件的时候，测试意外测出一个历史bug，很神奇，时间会差一天！直接使用Form表单并提交时间会显示时间是Object类型，选择2020-11-30，保存的时候会变成2020-11-29xxx（具体时间后缀），可能是时间组件为英文的原因？转换为中文后日期还是没有转过来，就差了一天…… 解决保存时用方法转一下日期 if(typeof(item.date) === 'object') { item.date= moment(new Date(it

参与评论您还未登录，请先登录后发表或查看评论

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

m0_74279698的博客

04-24

5429

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

elementui el-date-picker 报错

qq_20293619的博客

09-12

2312

在用vue-elementui 框架的时候， el-date-picker时间标签报了”TypeError: value.getTime is not a function”，这个错误的解决办法是用new Date(你的时间）处理一下，然后就没事了...

antd DatePicker报错date.clone is not a function

lingliu0824的博客

01-13

8190

场景：在react使用antd的Datepicker组件，并将其value值绑定为state中的值由于state中的formData包括其他的表单数据，所以在Datepicker调用onChange时，先把fromData深拷贝了（使用的方法为JSON.parse(JSON.stringify(formData))）一份为copyFormData，然后将现在的字段和对应值赋值给formData:copyFormData，然后再setState({formData:copyFormData}) 问题出现

ant-design vue中时间选择框datepicker向后台传输错误

qq_37837768的博客

10-17

2573

ant-design vue中时间选择框datepicker向后台传输错误最近在使用jeecgboot项目时,需要有时间查询条件,引用ant-design组件中的时间组件,但向后台提交是,抛出参数类型错误异常; 通过谷歌浏览器F12发现提交的时间格式为Moment(),并不是string; 解决问题步骤: 1.安装moment.js: npm install moment --save 修改m...

vue 3 datepicker jeecg

08-25

例如，报错[antdv: DatePicker] value provides invalidate moment time. If you want to set empty value, use null。解决这个错误的方法是将date-format属性改为valueFormat，例如将date-format="YYYY-MM-DD HH:mm...

Vue3项目按需引入Ant-Design-Vue：解决Uncaught TypeError: Cannot read property ‘prototype‘ of undefined问题！

IT博客-wusheng_z

10-27

1124

Vue3项目按需引入Ant-Design-Vue：解决Uncaught TypeError: Cannot read property ‘prototype‘ of undefined问题！

项目中使用antd的日历组件实现UI效果及后续遇到的报错解决,you can use `getFieldDecorator(id,options)` instead `v-decorator=“ “[

weixin_42018331的博客

11-02

2034

需要实现的日历效果 <a-range-picker v-decorator="['data',{}]" :ranges="{'近7天':[moment().days(-4),moment()],'近一个月':[moment().add(-1,'month'),moment()],'近三个月':[moment().add(-3,'month'),moment()]}" @change="chooseDate" /> ```javascript data(){ return { defuld

antd-design-vue踩坑

的博客

09-23

457

踩坑Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.]Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.] Warning: [antdv: Each record

antd-DatePicker组件获取时间值,及相关设置方式

01-21

DatePicker组件默认语言是英语，需要设置为中文的话，需要安装moment。 import moment from “moment”; import “moment/locale/zh-cn” format属性，设置日期的格式，如“2020-02-28”。设置日期选择日期是今天之前【包含今天】需要和moment搭配应用 // 设置默认的起始日期 const disabledDate = (current) => { console.log(current) return current > moment().startOf('day');

【react antd】DatePicker组件报错：date.clone is not a function...

tuzi007a的博客

11-01

3831

【react antd】DatePicker组件报错：date.clone is not a function...

DatePicker选择日期报错clone.weekday is not a function

zh0623的博客

03-02

3083

DatePicker组件赋值后选择日期报错clone.weekday is not a function

[antdv: DatePicker] `value` provides invalidate moment time.

m0_65041204的博客

03-09

693

TimePicker 时间选择框出现时间数据格式问题：[antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value, use `null` instead

Warning: [antdv: DatePicker] `defaultValue` provides invalidate moment time.

yolo_link的博客

07-14

1492

使用ant-design-vue的dataPicker出现问题：我需要在页面上点击某天的日期，出来一个弹窗让我添加当前日期的备注。弹窗内的日期在点击的时候就已经给了，并且是禁用状态。然后就爆红了。。。同样这次的爆红也是不影响页面效果的，但是给人的观感不好。所以还是要找出解决方案的💪💪 Warning: [antdv: DatePicker] provides invalidate moment time. If you want to set empty value, use instead. ..

react-antd项目总结：修改时先将数据展示，日期不对--报错“TypeError: date.clone is not a function“

weixin_44134588的博客

12-07

3072

修改功能需要先将本行数据进行一个展示，我是用initialValues={数据源}进行展示的，展示的时候遇到一些问题；首先时间无法进行先展示而后按照原方式进行选择；这里时间选择是用的DatePicker组件直接展示就会报错 moment.js:105 Uncaught TypeError: date.clone is not a function 通过排查发现是时间格式出的问题,需要进行一个转换: import moment from 'moment'; //在数据源使用之前对其转化 a.ev

使用 DatePicker 日期控件，发生 Prop being mutated: “placement“ 报错问题

阿程的博客

08-05

964

使用 DatePicker 日期控件，发生 Prop being mutated: “placement“ 报错问题

Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value

ke_sin的博客

08-11

532

vue antdesign 报警告日期格式错误

antd日期时间选择datepicker使用两个分别作为开始时间、结束时间，设置禁用日期和时间点