关于使用antd-desgin-vue中的时间插件默认值显示Invalid date错误的解决办法

最新推荐文章于 2024-05-21 15:04:37 发布
最新推荐文章于 2024-05-21 15:04:37 发布
阅读量7.9k 收藏
点赞数 2
分类专栏： vue antd
原文链接：https://blog.csdn.net/mlxgzz/article/details/104786004
版权
vue 同时被 2 个专栏收录
33 篇文章 0 订阅
订阅专栏
antd
7 篇文章 0 订阅
订阅专栏

前言:在开发过程中，使用antd-desgin-vue框架的时候，使用a-time-picker这个时间组件时遇到了一个问题，业务：需要在编辑的时候先回显用户之前已经填过的时间，这个时候我刚开始的处理逻辑就是在mounted中请求完数据之后，直接赋值就行 ，看代码在这里插入图片描述
在这里插入图片描述
错误的姿势打开就是这个样子在这里插入图片描述
解决办法就是：先将这个值赋值为null，再用v-if判断
栗子：在这里插入图片描述
在这里插入图片描述
最后 谢谢这位大哥~~~~~~!!!

恰好有你
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
antd-mobile-vue:antd-mobile的vue实现
05-17
如有问题可添加个人微信（wuhao1200），欢迎共同交流该项目原本为公司内部项目，现放到github上开源，发布个时候项目名称改为antd-mobile-vueantd-mobile-vue基于 Vue 的组件库，代码由antd-mobile转为Vue版本，目前...
vue中时间格式化moment在组件和函数中的使用以及解决Invalid date问题
qq_39111164的博客
08-25 3196
1、先使用npm命令安装moment npm install moment --save 2、在main.js文件里引用moment import moment from 'moment' Vue.filter('dateformat', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') { return moment(dataStr).format(pattern) }) 3、使用 （1）在组件中使用 <div class="time"&gt
ntd-desgin-vue中的时间插件默认值显示Invalid date 解决办法
w161513820的博客
09-18 4175
对于ant-design的一些问题我早已经见怪不怪了，但是对下班已经遥遥在望的时候，这个问题给了我当头一棒。第一反应这是啥玩儿？ 首先看vue的生命周期当中难道是没赋值嘛，看了下没问题，然后直接去data当中赋值，发现并没有出现问题。在mounted看了下数据，分析了一下可能是先判断了data有没有数据，如果没有数据就导致报错了。解决方法就是加一个v-if判断一下就行了 这个问题就解决了，下班 ...
Ant Design a-time-picker 时间回显问题 回显为Invalid date(使用moment来处理)
最新发布
weixin_43962877的博客
05-21 257
【代码】Ant Design a-time-picker 时间回显问题 回显为Invalid date(使用moment来处理)
vue通过moment插件以及全局filter将时间戳转换成时间报错invalid date
weixin_43286206的博客
07-25 1339
极有可能是数据库返回的时间戳格式是字符串类型 将字符串转换为数字类型就可以试试了
Antd DatePicker Invalid date问题
yue200403的博客
09-01 5968
1.问题类型一：填了日期后，点击日期后的叉号后，变成如上图。 <DatePicker value={sourceData.m == undefined ? null : moment(sourceData.m, dateFormat)} format={dateFormat} onChange={(dataString) => changeInput(dataString != null ? moment(dataString).format(dateFormat) : dataStr...
解决new Date的值为Invalid Date、NaN-NaN的问题
sunlizhen的专栏
01-07 2919
// 操作时间转换 getFormatDate(row, column, cellValue) { var date = new Date(cellValue);// 时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1 < 10 ? '0' +...
antd-mobile-vue3.0:适用于vue 3.0的ant mobile
04-06
本项目是在本人之前移植的antd-mobile-vue的基础上使用vue3+vite2进行了改造，目前绝大部分组件都可以正常使用如有问题可添加个人微信（wuhao1200），欢迎共同交流antd-mobile-vue基于 Vue3 的组件库，代码由antd-...
vite-plugin-antd-theme:vite下的antd-design-vue主题变量生成插件
08-04
vite 下的 antd-design-vue 主题生成插件，依赖 antd-theme-generator demo vite.config.ts // ... import viteAntdTheme, { ThemeEntry, AntdThemeOptions } from 'vite-plugin-antd-theme'; // 从1.1.0之后，不...
vue-antd-admin：:ant:Ant Design Pro与Vue的实施
02-06
简体中文|Vue Antd管理员的Vue实现版本开箱即用的中后台前端/设计解决方案多种主题模式任选：预览地址： : 使用文档： : 常见问题： ://iczer.gitee.io/vue-antd-admin-docs/start/faq.html国内知名： ://gitee....
vue-antd-admin:基于vue3 + antd + JavaScript的后台系统
03-11
vue-antd-admin欢迎使用vue-antd-admin，这是一个基于vue3.0 + antd2.0.0 + vuex4.0 + vue-router4.0的适合新手学习的项目，后台全部采用了composition API的写法，作者也只是个刚出学校的初级菜鸟前端，在vue3的...
antdesign的时间date出现Invalid
m0_45827438的博客
08-10 1181
【代码】antdesign的时间date出现Invalid。
ant-design-vue TimePicker 时间选择框 踩坑
mlxgzz的博客
03-10 7003
笔者在一次开发中用到TimePicker 时间选择框组件。 要求是有默认值，就是从接口中返回的数据，但是TimePicker数据在一次加载后便不会更新 简单的说，如果在data里设置了default=null TimePicker就会就会显示Invalid date，default=“9：00：00”，就会显示9：00：00 最后解决方法是data里设置了default=null，在time...
Element TimePicker 时间选择器 回显问题Invalid data
JxiaoZhang的博客
03-04 9698
今天使用element ui中回显时一直2-01-01类似于这种无效的时间，后来发现是因为使用new Data处理后端返回过来的数据的时候： 如果字符串为空，就会出现Invalid data。 在不能保证时间一定有值的情况下，前端就需要对接收过来的数据进行处理。 因为用的地方比较多我就把它封装到了一个文件中，所有的组件用到的直接引用方法即可： /** * 处理时间 * @param ...
antd的时间框空了会显示Invalid
孜然卷的博客
10-27 1259
antd的时间框空了会显示Invalid
JS中Date日期Invalid Date报错问题解决方法
热门推荐
smallteddy.blog.csdn.net
01-04 2万+
使用new Date(time)或者moment(time)时，有时会出现Invalid Date报错。 这是因为转化的时间戳要求13位，而后端有时会返回10位。 所以这里要处理一下时间戳。 new Date(1000 * time) moment(1000 * time)
基于Vue.js的ElementUI
落日的博客
04-08 393
一、ElementUI (介绍) 官网地址 http://element-cn.eleme.io/#/zh-CN 让页面设计变得简单，快速开发 <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-...
JS时间Invalid Date问题解决
weixin_67434908的博客
03-28 1369
h5网页能正常显示，但是在微信小程序是提示Invalid Date，原因是因为我们不能写\xa0。写项目的时候遇到这个报错，直接换成" "就好了。
antd-virtual-select vue版本
09-07
antd-virtual-select是一个基于Ant Design开发的虚拟选择器组件，适用于Vue版本。 虚拟选择器是一种优化性能的技术，特别适用于大型数据集合的选择器。与传统的选择器组件不同，虚拟选择器只会渲染当前可见的选项，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值