代码之家 › 专栏 › 技术社区 › MEnf

反应日期选择器:showTimeSelect页边距未正确对齐

react-datepicker semantic-ui-react reactjs

3

MEnf · 技术社区 · 7 年前

正如标题所述 react-datepicker 的time div看起来很不稳定。我正在使用 反应日期选择器 版本1.2.2上的npm包(应为最新版本)。我已经在我的根组件中包含了它的css,我的应用程序在根组件中初始化: import "react-datepicker/dist/react-datepicker-cssmodules.css";

我的 反应日期选择器 组件包装在语义ui react中 Form.Field 组件,但是时间选择器上的css仍然不稳定,即使我删除了它 类型领域 从包装它。

下面是我的代码:

                <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的外观:

感谢您抽出时间。

编辑:

1 回复 | 直到 7 年前

1

2

Ani Alaverdyan 7 年前

添加此样式对我很有用:

.react-datepicker__time-container   .react-datepicker__time  
.react-datepicker__time-box   ul.react-datepicker__time-list {  
     padding: 0; 
}