antd timepicker时间选择器在IE浏览器左上角闪现问题修复方法

最新推荐文章于 2024-02-20 15:00:58 发布
最新推荐文章于 2024-02-20 15:00:58 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： 前端 文章标签： reactjs 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/talenter111/article/details/106791047
版权

在前端使用antd开发过程中遇到一个很奇怪的问题，使用的timepicker时间控件，在IE浏览器下打开下拉选择时间时，页面左上角会闪现一下时间选择框，如下图：
闪现时间选择框
检查了一遍代码发现没有问题，怀疑是环境问题，排查下来发现是使用的antd旧版本timepicker组件导致，更换timepicker包即可。
关注公众号【逸游源码汇】，回复【时间选择器】获取下载链接，使用方法：复制到项目node_modules文件夹下，替换原文件即可。
在这里插入图片描述
我的公众号【逸游源码汇】，主要分享技术干货与前沿资讯，欢迎关注！

作者简介：游逸，高级软件工程师，5年开发经验，微信公众号【逸游源码汇】，喜欢分享干货与关注技术前沿，一起交流学习吧

游逸丶
关注
专栏目录
antd vue适配ie浏览器中出现的若干问题
loganwz的博客
12-21 871
因为vue项目上用户有ie浏览器的使用需求，因此适配了ie浏览器，在适配的过程中遇到了一些问题，分享一下。
ztree树封装 json实例_小白7天入门PHP Web开发 - Day 6[下]（综合）个人博客实例讲解用户数据的存储...
weixin_39636696的博客
11-20 110
《小白7天入门PHP Web开发》系列文章，面向单纯善良的完全不懂Web开发编程的入门速成课程，小白们如果感兴趣可以研读此系列文章，也可以连线提问。各路大神有何指教还请指点一二。希望各路大神手下留情，注意维护自己的身份和形象。拜谢各位。上一篇文章 我们已经实现了博客文章功能的前端三个主要页面的设计和编码，并且了解了一些新的知识点，包括元素定位等。这篇文章将作为我们整个入门系列文章的终章，完全实现个...
解决 antd 老版本datepicker选择无法自动关闭
最新发布
qq_52630125的博客
02-20 697
【代码】解决 antd 老版本datepicker选择无法自动关闭。
用Ant Design Pro框架写的项目在ie浏览器中打不开
liuyuhua666的博客
10-24 1995
今天前端同事和我说项目在ie浏览器中有问题打不开，我试了一下果然不行。 问题就是下图这样的： 由于我都是用谷歌浏览器开发项目的，所以这个问题没有第一时间发现。然后问公司大佬，但是大佬没有碰到过类似的问题，然后又在网上查资料但是还是没事没有解决问题。于是只能一个一个的去排除，最后发现有两个js文件有问题，然后对这两个文件排除最后发现是文件引入了项目不存在的东西： import { throwStat...
【React】解决antd样式没有显示问题（网页频闪问题）
Sco_jing的博客
11-30 1630
问题详情 最近需要使用Ant Design UI库创建项目，已经创建了五、六次项目了，每次创建项目耗时久、删项目又麻烦不说，展示效果并没有显示antd的样式，整个网页出现不停频闪效果，示例如下： 解决方法 忘记在App.css文件最前方加入一句： @import "~antd/dist/antd.css"; 很难忘的两天，故记录一下，警示下次不会再犯 ...
antd日期选择器禁止选择当天之前的时间操作
01-22
使用disabledDate属性（不可选择的日期） 在js中定义函数并返回 //限制当天之前的日期不可选 disabledDate(current) { return current && current <moment().subtract(1, days); //当天之前的不可选，不...
ant design vue中日期选择框混合时间选择器的用法说明
01-22
首先时间格式化用到moment方法，需要在页面中引入moment组件 import moment from ‘moment’ 结构代码： <a> triggerNode[removed] format=YYYY-MM-DD HH:mm:ss v-decorator=[ 'pushtime', { rules: [{ ...
antd TimePicker点击不弹出时间面板，双击弹出
hahahahalll的博客
03-30 1833
antd timePicker 双击
(实习日记)Ant Design Vue日期选择器，禁止选择当前之前的时间
01-08
Ant Desugn Vue的时间选择器，实习也有一段时间了，也遇到了一些问题，就想记录一下，自认为水平不是很高，欢迎批评指正 //标签 data() { return { Survey: {},//存放截止时间 disabledTime: { hour: '',//存放...
antd RangePicker组件结合Form每次打开（onOpenChange）并未清除组件中的日期、关闭后也不能正确赋值
qq_37739720的博客
04-21 1082
1.onOpenChange打开后不能清空组件中的日期 原因：虽然RangePicker中的值清空，但是form中RangePicker的值未清空 解决：form.setFieldsValue({ date: [null, null] }); 2.onOpenChange关闭时，赋不上最新的值，导致每次关闭后都赋上一次的value值； 解决：form.setFieldsValue({ date: value }); 方法一：const date = form.getFieldValue('dat
ie浏览器下ant-design-vue select 拉框滚动条不显示的解决办法
Austin_的博客
11-16 1175
先上代码： <a-select v-model="queryParam.ticket_name_code" placeholder="请选择" :getPopupContainer= "(target) => target.parentNode"> ... </a-select-option> </a-select&
antd modal 打开会闪一下，针对确实多次渲染的问题
赵乘风_i
04-12 5485
需求背景 在最近的项目中，遇到一个比较复杂的场景，点击触发后会打开modal弹框，但是因为情况比较多，总共有3种方式都可以打开modal框，所以在父组件的处理就比较复杂，涉及到了多次渲染，就导致modal框在打开的时候，会闪一下。 我也知道，处理好多次渲染的问题，modal框应该在打开的时候就不会闪了，但是，因为需求场景比较复杂，如果要处理多次渲染，那就会导致modal框打开后的各种问题，所以不能修改 解决 在仔细看了官网的api后，发现一个属性， maskTransitionName 其实就是将Modal
解决element中动态切换时间日期选择器时下拉框偏移到左上角的问题
NICKDL的博客
09-15 917
正常第一次点击没有问题 点击切换按钮后，直接偏到姥姥家去了~ 解决办法是只需在组件中加个Key="xxx"即可 记录一下这个坑！
日常记录之antDesign使用DatePicker组件(1)。
Csdn_____c的博客
01-27 1186
今天遇到了一个需求是在一个日期选择框中选择日期，但是选择框是以周的形式呈现的，选择完后日期框要显示当前选择的日期所处的某一周的起止时间。 这个项目使用的UI框架是antd，我在官方文档找到了符合这个要求的DatePicker组件日期选择框 DatePicker - Ant Design //导入需要的组件 import { DatePicker} from 'antd'; //moment是一个日期格式转换的js库 import moment from 'moment'; //日期的...
【React】antd popover定位不准闪跳解决+自己实现popover库
不忘初心，坚定道路！
10-17 2634
前言 我在写H5-dooring时，发现我们用的popover会发生闪跳，而且第一次闪跳就算了，每次还会有另一个方向的闪跳。 于是我大概百度了下，基本都说需要给固定宽高即可，让后试了下发现没用，就算触发组件和弹窗元素都给了宽高，也一样闪跳。 由于antd的popover套别人的库，别人的又套别人的，别人的再套别人的，所以我懒得翻了，直接自己写一个。 初步实现 首先，我对popover粗略进行实现，主要就是一个弹窗定位问题，然后我照我预想实现后发现，一样会出现闪跳，但只有第一次会闪跳，后面比较正常：
使用多个el-date-picker导致弹窗位置偏移的问题
前端啤酒屋
01-27 3321
<el-form-item label='补算时间' prop="data_date" :rules="rules.validateRequire" v-if="!isSupply"> <el-date-picker v-if="type==='time'" v-model="model.data_date" type="daterange" value-format="yyyy-MM-dd" key="picker_time" plac
React Next.js antd 首屏闪烁,样式不稳定的bug
未将对象引用设置到对象的实例
03-14 3463
说明 Next.js + Ant Design 的html渲染后, 各种css样式会经历从无到有的一个过程. 造成了闪烁的感觉, 体验很差. 解决方案 https://github.com/ant-design/ant-design/issues/16037
ant design Modal 设置maskStyle遮罩样式，页面出现闪烁问题
Jack, what else can you do besides holding your little darling?
12-07 1539
https://www.antdv.com/components/modal-cn/#API 设置为：
antd 时间选择器timepicker的宽度修改
08-30
要修改antd TimePicker组件的宽度，可以通过以下几种方法实现： 1. 使用style属性：在TimePicker组件上添加style属性，通过设置宽度来修改其宽度。例如： ```jsx <TimePicker style={{ width: 200 }} /> ``` 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

游逸丶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值