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

最新推荐文章于 2024-07-11 16:06:59 发布
最新推荐文章于 2024-07-11 16:06:59 发布
阅读量1.8k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44429079/article/details/123069595
版权

antdv DatePicker moment.js 类型转换 警告修复
关键词由CSDN通过智能技术生成

使用antd vue 中的datepick，报错：warning.js?2149:7 Warning: [antdv: DatePicker] value provides invalidate moment time. If you want to set empty value, use null instead.

  • 解决方案：因为datepick需要的数据类型是moment值，需要将string类型转换为moment类型

在这里插入图片描述

使用moment的方法可见：
https://blog.csdn.net/lihefei_coder/article/details/92628030?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164551510016780271552749%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=164551510016780271552749&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2blogsobaiduend~default-1-92628030.nonecase&utm_term=vue%E5%BC%95%E5%85%A5moment.js&spm=1018.2226.3001.4450

77快乐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
a-time-picker 时间回显问题 , `value` provides invalidate moment time
LavaStrom
07-09 1855
a-time-picker 时间回显问题 Warning: [antdv: DatePicker] value provides invalidate moment time. If you want to set empty value, use null instead. ant design vue中 时间选择器，需要使用到moment 安装moment 组件 引入moment 组件 回显的时候进行moment处理 （一）安装moment 组件 ```html npm install
vue3.2 + antd vue3. 基于vue3.2 + antd vue3的后台管理系统.zip
12-31
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 Vue3，springboot，element-ui使用技巧，实战应用...
[antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value, use `nu
weixin_43558117的博客
05-26 863
【代码】[antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value, use `nu。
时间范围和限制Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to
最新发布
i_am_a_div的博客
07-11 415
Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value, use `null` instead.
[antdv: DatePicker] `value` provides invalidate moment time.
m0_65041204的博客
03-09 598
TimePicker 时间选择框出现时间数据格式问题：[antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value, use `null` instead
Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value
前端-尔嵘
05-10 1万+
产生原因很明显，上面data中定义的绑定日期变量是一个字符类型，a-date-picker绑定的时间变量是一个string类型，而antdesignvuedatepicker默认需要moment格式，所以会报错。
vue-antd-admin:vue3.x + antd2.x + ts后台技巧
03-15
Vue-antd-admin是一个基于Vue3.x、Ant Design Vue 2.x和TypeScript的后台管理框架。这个项目旨在提供一个高效、稳定且易于扩展的前端解决方案，适用于开发企业级Web应用。下面将详细介绍该项目的核心知识点： 1. **...
vue-antd-pro:vue + ant-design-vue创建后台管理系统模板
03-11
欢迎来到vue-antd-pro :waving_hand: 基于vue-cli3和构建的后台管理系统模板，使用json-server做数据模型。 安装依赖 安装前端依赖 yarn 安装数据mock依赖 cd server yarn 运行 运行数据mock服务 // enter server ...
vue3-antd-pc:vue 3 + vue-cli 4.5.x + antD 2.x
04-06
Vue 3 准备工作 开发 # 安装依赖 yarn install #OR npm install # 本地开发 开启服务 yarn serve #OR npm run serve # 打包 yarn buled #OR npm run build # lint yarn lint #OR npm run lint 目录...
Antdv: DatePicker报错 `value` provides invalidate moment time...
Agnes_lqq的博客
12-26 2470
使用Antdv框架下的a-date-picker组件，用v-model绑定数据，然后初始化数据的时候控制台会报warning：[antdv: DatePicker] provides invalidate moment time. If you want to set empty value, use instead.页面如下： 代码如下： 一、分析原因 根据提示可知，是因为我们绑定的数据不是moment格式的数据，而v-model默认绑定的都是string类型的，所以初始化的时候会不合法1.查看Ant
vue中报错：`value` provides invalidate moment time.
热门推荐
Schaffer的博客
06-11 1万+
问题 当使用vue中的日期选择框时（即datepicker方法），使用v-modal绑定数据时，会显示如下错误: [antdv: DatePicker] value provides invalidate moment time. If you want to set empty value, use null instead. 解决方法: 官方文档的API如下： vue代码如下： <a-form-item label="建造时间" :labelCol="labelCol"
`value` provides invalidate moment time. If you want to set empty value, use null instead.
qq_42580876的博客
01-14 7197
报错原因：ant-design-vue时间日期选择器与v-model一起使用时报错 解决方法：将v-model中的时间转化为moment形式 <a-date-picker style="width:100%" v-model="contract_date" placeholder="请选择日期" :format="'dateFormat'" :disabled="true" /> </a-form-model-item> retur
[antdv: DatePicker] value provides invalidate moment time. If you want set empty value，use null
鑫仔的博客
07-22 683
[antdv: DatePicker] value provides invalidate moment time. If you want set empty value，use null 解决步骤： 1.使用value属性 绑定方法或者计算属性 将需要绑定的值传参 ，计算属性传参的话使用闭包，这里不作展示，可自己百度 2.方法内使用moment将时间转成字符串 3.change事件内对参数进行赋值 第一个判断是为了清空时间做的处理 总结：这样子不仅不会报错 还可以拿到后端传过来的数据，进行展示，不
a-date-picker踩坑Warning: [antdv: DatePicker] value provides invalidate moment time. If you want to se
浮游的博客
12-24 7906
在Vue中datePicker的使用是比较多的，但是用到a-date-picker的时候难免会遇到一下预料之外的事情。 在设置默认值这个事情上，就给了当头一棒，设置老不成功。 踩坑 先说如何踩坑，在一般思维观念上，a-date-picker绑定一个model，然后model在初始赋值，值直接用字符串赋值，这就遇上事了。 报错：Warning: [antdv: DatePicker] value provides invalidate moment time. If you want to set empty
antd vue DatePicker Invalid prop: type check failed for prop "value". Expected Object | String, got Number with value 0.
12-09
Ant Design Vue的DatePicker组件要求传入的value属性必须是Object或String类型，而你传入的是Number类型的0，因此出现了Invalid prop错误。你需要将0转换为对应的Object或String类型的值后再传入DatePicker组件的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值