如何使用 React DatePicker 选择时间

【问题标题】：How to select time with React DatePicker如何使用 React DatePicker 选择时间
【发布时间】：2016-11-05 21:02:00
【问题描述】：

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

【问题讨论】：

请发表答案

标签： javascript html css reactjs datepicker

【解决方案1】：

只需添加showTimeSelect

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

查看更多示例@reactdatepicker

【讨论】：

【解决方案2】：

您可以将react-date-picker 模块用于带有时间戳的日期。您可以通过在 dateFormat 属性中包含时间戳来包含时间。

例如：dateFormat="DD/MM/YYYY HH:mm:ss"

编辑：原始链接不再起作用。以下是有关react-date-picker 的更多信息。 https://www.npmjs.com/package/react-date-picker

原文链接：

http://zippyui.com/docs/react-date-picker/
https://github.com/zippyui/react-date-picker/

【讨论】：