首页 > 其他分享 >用ant-design-vue当中日期选择器的一些坑

用ant-design-vue当中日期选择器的一些坑

时间:2024-12-08 13:55:24浏览次数:3  
标签:YYYY vue form MM DD ant moment date 选择器

如果你发现你的后端报这个错误,看下面的一些可能原因
JSON parse error: For input string: "Invalid date"; nested exception is com.alibaba.fastjson.JSONException: For input string: "Invalid date"

对于这个问题是因为前端传过来的日期不合法造成的,在前端可以用moment(form.date,"YYYY-MM-DD").format("YYYY-MM--DD")格式化一下。
在ant-design-vue中如果似乎想要把日期当条件筛选数据的话初始将filter.date=undefined的话moment(form.date,"YYYY-MM-DD").format("YYYY-MM--DD")会返回当前时间传给后端造成查询结果错误,而你如果是将filter.date=null之后需要判断filter.date是否为空因为moment(form.date,"YYYY-MM-DD").format("YYYY-MM--DD")当form.date为null时返回Invalid date传给后端也会造成上面的错误。
如果你想要修改表格当中的数据想要将当前节点数据赋值给form可能在控制台报下面的错误
'value' provides invalidate moment time. If you want to set empty value, use 'null' instead.
这是因为日期选择器默认绑定数据类型为moment你需要moment(moment(form.date,"YYYY-MM-DD").format("YYYY-MM--DD"),"YYYY-MM-DD")
至于为什么外面又套一层moment是因为格式化返回的是一个字符串

标签:YYYY,vue,form,MM,DD,ant,moment,date,选择器
From: https://www.cnblogs.com/luo9tian/p/18593343

相关文章

  • 构建一个功能强大的个人资料编辑页面:Vue + Element UI 完整实战” “Vue + Element UI
    效果图:完整代码<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>个人资料编辑-Vue+Ele......
  • 网上报名管理系统|Java|SSM|VUE| 前后端分离
     【一】项目提供非常完整的源码注释【二】相关技术栈文档【三】源码讲解视频(收费)                     【其它服务】【一】可以提供远程部署安装,包扩环境【二】提供软件相关的安装包【三】如果需要提供java入门资料可咨询 ......
  • Vue3项目搭建
    转载:https://blog.csdn.net/rong09_13/article/details/132661168https://blog.csdn.net/shanghai597/article/details/1308856361.安装nvm//nodejs版本管理工具#显示可以安装的所有nodejs版本nvmlistavailable#安装指定版本的nodejsnvminstall<version>#显示......
  • Vue-智慧城市
    项目搭建创建项目npmcreatevite安装依赖package.json:{"name":"smartcity_wuhan","version":"0.0.0","private":true,"type":"module","scripts":{"dev"......
  • Vue组件化编程1:模块与组件、模块化与组件化
    欢迎来到“雪碧聊技术”CSDN博客!在这里,您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者,还是具有一定经验的开发者,相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导,我将不断探索Java的深邃世界,分享最新的技术动态、实战经验以及项目......
  • JAVA开源毕业设计 课程作业管理系统 Vue.JS+SpringBoot+MySQL
    本文项目编号T023,文末自助获取源码\color{red}{T023,文末自助获取源码}......
  • JAVA开源毕业设计 社区团购系统 Vue.JS+SpringBoot+MySQL
    本文项目编号T024,文末自助获取源码\color{red}{T024,文末自助获取源码}......
  • 14.在 Vue 3 中使用 OpenLayers 自定义地图版权信息
    在WebGIS开发中,默认的地图服务通常会带有版权信息,但有时候我们需要根据项目需求自定义版权信息或添加额外的版权声明。在本文中,我们将基于Vue3的CompositionAPI和OpenLayers,完成自定义地图版权信息的实现。最终效果通过本文教程,您将实现以下功能:在地图中自定义版......
  • 构建 Home Assistant 自定义组件(第一部分):项目结构与基础
    构建HomeAssistant自定义组件(第一部分):项目结构与基础项目结构引言本系列博客文章将是一个创建HomeAssistant自定义组件的教程。我们将从一个基础组件开始,并在每篇文章中对其进行扩展。在教程结束时,你将拥有一个功能完备的组件,在集成质量量表上至少应获得银牌分数。......
  • 一 Home Assistant开发架构
    架构在深入研究HomeAssistant架构之前,让我们先全面了解一下家庭自动化领域的整体情况。这样,我们就能展示HomeAssistant的不同部分是如何融入其中的。家庭控制负责收集信息和控制设备。家庭自动化根据用户配置触发命令。智能家居根据先前的行为触发命令。HomeAs......