首页 > 其他分享 >antd日期范围选择组件bug

antd日期范围选择组件bug

时间:2023-01-17 10:23:08浏览次数:39  
标签:代码 选择 日期 组件 antd bug

昨天整理搬运项目的时候遇到一个bug

页面搜索栏中的a-range-picker组件,选择show-time,但是在界面操作的时候,只能选择时间中的小时,无法选择分秒,有时候甚至秒数超过60,非常迷惑,代码上没有任何实质上的区别

报错的代码:

<a-col :md="4" :sm="24" >
  <a-form-model-item label="发车时间段:" prop="etaTime2"   >
    <a-range-picker style="width:388px" :size='"large"' showTime v-model="dateRange" format="YYYY-MM-DD HH:MM:SS" valueFormat="YYYYMMDDHHMMSS"/>
    <!--format前端展示 valueFormat后端传数据   -->
  </a-form-model-item>
</a-col>

正常代码:

<a-col :md="8" :sm="24">
  <a-form-model-item label="卸车时间">
    <a-range-picker
      :ranges="{ 'Today': [moment().startOf('day'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')] }"
      :placeholder="['开始时间','结束时间']"
      format="YYYY/MM/DD HH:mm:ss"
      value-format="YYYYMMDDHHmmss"
      show-time
      v-model="dischargeTimeRange"
      style="width: 100%"
    />
  </a-form-model-item>
</a-col>

后来在正式发布前格式化了一下代码,发现页面的时间选择bug消失了,revert之后又复现了错误,感觉就是在格式或者说换行上面出了问题

后续又把一行分成了三行,日期也可以正常选择

记录一下这个问题

标签:代码,选择,日期,组件,antd,bug
From: https://www.cnblogs.com/rarantella/p/17057109.html

相关文章

  • vue select 组件封装及调用
    子组件 mySelect.vue<template><divclass="mySelect"><el-selectv-model="value1"placeholder="请选择"@change="handleSelect"><el-option......
  • React-antd-tree-transfer
    import{Tree,Button,Card}from'antd';import{useEffect,useState}from'react';import'./App.css'consttreeData=[{title:'0-0',key:'0......
  • 来说说大田发现一个 BUG 过程(以接口测试为例)
    大家好啊,我是大田。哈哈,今天回到自己啦,分享下我发现BUG的具体过程是什么,四个步骤重现我的工作思路,希望对你有帮助~1、我会看接口返回的结果,正常我会检查一下数据库字段......
  • Standard ABAP Debugger 和 Classic ABAP Debugger 的实现差异
    这两种ABAP调试器,可以在SAPGUI里这个菜单的位置进行切换:StandardABAP调试器有时候又称为新调试器。新的ABAP调试器在一个同被调试的ABAP程序完全不同的Exter......
  • Jmeter学习:采样器--http 请求采样器/Websocket 采样器/dubug 采样器
    一、http请求采样器功能:通过该组件,我们可以进行Http采样 Basic常用参数已经在截图上。GET请求可将参数填写在Parameters中。参数:FollowRedirescts和Rediect......
  • 开源Vue表格组件,表格插件源码
    开源Vue表格组件,表格插件源码前言:关于html里面原生的table,通常满足不了程序员的要求。所以开发了一款表格插件,其功能有:1导入json格式数据后,自动填充表格。表格长宽自适应、......
  • 51、商品服务---品牌管理---debug发现的问题
    事务没有提交之前,数据读不出来。而Mysql默认的隔离级别是可重复读,也就是最起码要读到已经提交的数据事务未执行完毕,造成我们进行debug时sql结果虽然实现成功,但是因为事务......
  • Spring Cloud服务发现组件Eureka
    简介NetflixEureka是微服务系统中最常用的服务发现组件之一,非常简单易用。当客户端注册到Eureka后,客户端可以知道彼此的hostname和端口等,这样就可以建立连接,不需要配置。......
  • Layui 组件化
    时代的车轮滚滚向前,哪些属于每个时代的英雄变成了那个时代的印记,就像贤心说的这是一种带有热量的冰冷感!我们选择了IT这个行业,自然希望能够在这里走得更远。而那些大神......
  • vue iframe组件封装
    界面内嵌iframe时,由空白节点引起底边间距,可设置iframe属性vertical-align:top解决<template><divv-loading="loading":style="'height:'+height"><iframe......