当前位置: 首页 > 知识库问答 >
问题:

react-dates datepicker默认弹出行为

盖玉石
2023-03-14

我在我的react应用程序上使用react-dates^18.4.0,我注意到“open”上有一个奇怪的行为

当我单击<输入框id=“开始日期”>时, 会立即弹出,有时会从上到下缓慢打开。

我在storybook上进行了搜索,似乎这是datepicker组件的默认行为。http://airbnb.io/react-dates/?SelectedKind=DateRangePicker%20%28DRP%29&SelectedStory=Default&Full=0&Addons=1&Stories=1&Panelright=0&AddonPanel=Storybook%2派系%2派系-面板

因此,如果您单击“开始日期”或“结束日期”,有时日期组件显示有过渡,有时不显示。

有人提出过这个问题吗?我们能用scss来解决吗?

共有1个答案

滕无尘
2023-03-14

我注意到了这一点,不确定用意是什么。.daypicker_transitioncontainer__horizonalheight上有一个过渡。所以我刚刚在自己的CSS中添加了transition:none

例如:

.myCustomPickerClassName .DayPicker .DayPicker_transitionContainer__horizontal {
  transition: none;
}

您必须正确获取特定性,或者使用!importity

 类似资料:
  • 请参考:http://www.kancloud.cn/manual/thinkphp/1797

  • 问题内容: 因此,我在过去的一个小时里一直在互联网上浏览,阅读并寻找这个简单问题的明确答案。 MySQL中的默认JOIN是什么? 一样吗 还有一个相关的问题,当您使用“ WHERE”子句时,它与JOIN或INNER JOIN相同吗? 现在,我认为独立的JOIN与使用逗号和WHERE子句相同。 问题答案: 在MySQL中,写不合格的隐含含义。换句话说,in 是可选的。而在MySQL的同义词。为了清楚

  • 本文向大家介绍在React中怎么阻止事件的默认行为?相关面试题,主要包含被问及在React中怎么阻止事件的默认行为?时的应答技巧和注意事项,需要的朋友参考一下 event.preventDefault();阻止浏览器默认行为, 例如标签不跳转 event.stopPropagation();阻止冒泡; 例如上级点击事件不生效

  • 我正在通过selenium web驱动程序进行自动化测试用例。我被困在一个地方,我总是得到第一个chrome的默认弹出窗口。我无法对该弹出窗口做任何操作,因为它没有在代码中检查,请检查所附的默认弹出窗口的屏幕截图。 请建议我处理这些事情。感谢任何帮助。