react-dates datepicker默认弹出行为

提问者：小点点

react-dates datepicker默认弹出行为

我在我的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个答案

匿名用户

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

例如：

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

您必须正确获取特定性，或者使用！importity