坏消息。
Semantic UI React 不支持输入日期类型。
您在 Chrome 和 Firefox 中看到的是 type="date" 输入的默认浏览器版本。
Safari 不支持 type="date" 的输入。
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#Browser_compatibility https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#Browser_compatibility
我尝试了 Semantic UI React 和 plain side-by-side
<Container>
<Form>
<Form.Input
label='From'
type='date'
min={data_inizio}
value={moment(data_fine).format('YYYY-MM-DD')}
onChange={
(e) => this.setState({
filters: {
...filters,
data_fine: moment(e.target.value).format('YYYY-MM-DD')
}
}, this.filter)
} />
</Form>
<span><strong>Plain version</strong></span><br/>
<input type="date" />
</Container>
完整示例:https://codepen.io/anon/pen/GBdoQW https://codepen.io/anon/pen/GBdoQW
第一个选择器与下面的普通选择器相同。第一个仅获得一些语义 CSS。
在 Safari 中尝试。它们只是常规的文本输入。 :(