elementui时间选择器time-picker返回值不对的问题

devtools/2024/10/21 3:32:26/

1. 问题

天杀的elementui的time-picker,导致我开发的系统出现了一次生产问题,原因竟然是因为组件库的bug!直接上截图。

如图,正常情况下,选择时间后,想要得到的值理应是当天的时间,如图是当年的10月13日,也就是发文的今天。

然而,当我们手动输入值时,得到的值却是当年的1月1日的时间,如图为今年的Jan 01,就是1月1日!

这可把我害惨了,通过日志拿到当时请求的报文发现传的值不对,然而自己却一直复现不了,还以为是代码其他地方把这个值改到了,直到,我在github的elementui库找到了这个issue,[Bug Report] TimePicker 时间选择器,手动输入时间后,默认日期为当年1月1号 #22048。

然后去问了产品当时他的操作,他说他的确开始有输入过,这才破了案。

可以看见上图,现在这个issue还是为Open状态,我在版本更新日志也没找到对这个bug的fix,所以大家开发的时候一定要注意这个问题。

2. 解决

我们的解决方法是用time-picker的editable属性禁用掉手动输入,就让用户只能滑动选择。不过这是因为我们时间急,只是权宜之计。还有其他解决方法,比如只取这个值的时分秒,然后自己手动new Date,获取当天0点的时间戳,再加上返回的时分秒,手动拼一次数据,这样就能防止手动输入时间为1月1日的问题了。


http://www.ppmy.cn/devtools/127457.html

相关文章

Python | Leetcode Python题解之第486题预测赢家

题目: 题解: class Solution:def PredictTheWinner(self, nums: List[int]) -> bool:length len(nums)dp [0] * lengthfor i, num in enumerate(nums):dp[i] numfor i in range(length - 2, -1, -1):for j in range(i 1, length):dp[j] max(num…

62天框架安全(学习)

发现学了之后没有去复习,每天都要问自己学了什么,复习了吗,下次还能记住吗 一下内容来自【小迪安全2023】第62天:服务攻防-框架安全&CVE复现&Spring&Struts&Laravel&ThinkPHP_小迪安全文档2023-CSDN博客 一个网站的源码…

解决 Elasticsearch cluster_block_exception 错误的终极指南

Elasticsearch 是一个功能强大的分布式搜索引擎,广泛应用于全文检索、实时分析等场景。 尽管如此,像任何复杂系统一样,它也会遇到一些运行问题,其中较为常见且影响较大的就是 cluster_block_exception 错误。 本文将深入解析这种错…

Java面试指南:Java基础介绍

这是《Java面试指南》系列的第1篇,本篇主要是介绍Java的一些基础内容: 1、Java语言的起源 2、Java EE、Java SE、Java ME介绍 3、Java语言的特点 4、Java和C的区别和联系? 5、面向对象和面向过程的比较 6、Java面向对象的三大特性&#xff1a…

【Flutter】Dart:pubspec.yaml文件

在 Dart 和 Flutter 项目中,pubspec.yaml 文件是项目的核心配置文件,它定义了项目的依赖、资源、版本等信息。无论是 Dart 的库项目还是 Flutter 的应用,pubspec.yaml 文件都至关重要。 什么是 pubspec.yaml 文件 pubspec.yaml 文件是 Flut…

Vue3中使用自定义指令实现后台管理系统中对于按钮权限的控制

一、自定义指令的全局注册 创建自定义指令: 你可以创建一个自定义指令来实现某种功能,比如改变文本颜色。 Vue.directive(color, {bind(el, binding) {el.style.color binding.value; // 使用绑定的值设置颜色} });全局注册自定义指令: 在 Vue 应用的入口文件&…

[Python学习日记-50] Python 中的序列化模块 —— pickle 和 json

[Python学习日记-50] Python 中的序列化模块 —— pickle 和 json 简介 pickle 模块 json 模块 pickle VS json 简介 什么叫序列化? 序列化指的是将对象转换为可以在网络上传输或者存储到文件系统中的字节流的过程。序列化使得对象可以被保存、传输和恢复&#…

java实现redis的消息发送和消费,类似kafka功能

确保在 pom.xml 中添加了 Spring Data Redis 和 Jedis 的依赖。如下所示&#xff1a;<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId> </dependency> <dependency&g…