如何使用React DatePicker选择时间

Question

我正在使用React Date Picker，我还需要在日期选择中加入时间。我没有从文档中找到任何如何实现它的示例。 DatePicker是否为此开箱即可提供任何功能，还是我必须自己定制？

Answer 1

只需添加showTimeSelect

 <DatePicker
    selected={this.state.startDate}
    onChange={this.handleChange}
    showTimeSelect
    timeFormat="HH:mm"
    timeIntervals={15}
    dateFormat="LLL"
    />

查看更多示例@ reactdatepicker

Answer 2

您可以使用react-date-picker模块（https://github.com/zippyui/react-date-picker）作为带时间戳的日期。您可以通过在dateFormat属性中包含时间戳来包括时间。

例如：dateFormat =“DD / MM / YYYY HH：mm：ss”

参考：http://zippyui.com/docs/react-date-picker/