React-Datepicker:showTimeSelect 边距未正确对齐
React-Datepicker: showTimeSelect margins not aligning correctly
如标题所述,我 react-datepicker
时间 div 的页边距看起来很不稳定。我在 1.2.2 版本(应该是最新版本)上使用 react-datepicker
npm 包。我在我的应用程序初始化的根组件中包含了 css:import "react-datepicker/dist/react-datepicker-cssmodules.css";
我的 react-datepicker
组件被包裹在 semantic-ui-react Form.Field
组件中,但是即使我删除了时间选择器上的 css 仍然不稳定这 Form.Field
从包装它。
我的代码如下所示:
<Grid.Column>
<Form.Field error={!!fieldErrors.date}>
<label>
Label
</label>
<DatePicker
name="date"
selected={fields.date}
onChange={onDateChange}
showTimeSelect
timeIntervals={15}
/>
<InlineError error={fieldErrors.date} />
</Form.Field>
</Grid.Column>
下面是 UI 的样子:
感谢您的宝贵时间。
编辑:
添加此样式对我有用:
.react-datepicker__time-container .react-datepicker__time
.react-datepicker__time-box ul.react-datepicker__time-list {
padding: 0;
}
如标题所述,我 react-datepicker
时间 div 的页边距看起来很不稳定。我在 1.2.2 版本(应该是最新版本)上使用 react-datepicker
npm 包。我在我的应用程序初始化的根组件中包含了 css:import "react-datepicker/dist/react-datepicker-cssmodules.css";
我的 react-datepicker
组件被包裹在 semantic-ui-react Form.Field
组件中,但是即使我删除了时间选择器上的 css 仍然不稳定这 Form.Field
从包装它。
我的代码如下所示:
<Grid.Column>
<Form.Field error={!!fieldErrors.date}>
<label>
Label
</label>
<DatePicker
name="date"
selected={fields.date}
onChange={onDateChange}
showTimeSelect
timeIntervals={15}
/>
<InlineError error={fieldErrors.date} />
</Form.Field>
</Grid.Column>
下面是 UI 的样子:
感谢您的宝贵时间。
编辑:
添加此样式对我有用:
.react-datepicker__time-container .react-datepicker__time
.react-datepicker__time-box ul.react-datepicker__time-list {
padding: 0;
}