Question

我想在一行中显示两个日期选择器。彼此相邻。但是它们不是单行而是一个在另一个之下。以下是我的代码。

<Datepicker selected={this.state.checkInDate} style={{display: 'inline-block'}} />

<Datepicker selected={this.state.checkOutDate} style={{display:'inline-block'}} />

日期选择器似乎忽略了我的风格。

Answer 1

你的例子太简单了。您可以向我们提供更多关于您正在使用的Datepicker的代码和信息。

除此之外，您是否尝试将它们放入Flex容器中？

<div style={{display: 'flex', flexDirection: 'row'}}>
  <Datepicker selected={this.state.checkInDate} />
  <Datepicker selected={this.state.checkInDate} />
</div>

无法对齐反应日期选择器

1 个答案: