如何将日期选择器与时间选择器一起使用?

时间:2016-12-07 06:51:28

标签: reactjs datepicker datetimepicker material-ui

我只想将日期选择器与时间选择器一起使用?就像下面的图片一样。enter image description here

1 个答案:

答案 0 :(得分:1)

您可以使用react-datetime

In可以像

一样使用它
handleDateChange = (dateObj) => {
        console.log(moment(dateObj).utc().format('YYYY-MM-DD HH:mm').toString());
    }
<Datetime dateFormat='YYYY-MM-DD' timeFormat='HH:mm' onBlur={this.handleDateChange.bind(this)}/> 
当您提供DatetimedateObj之类的活动时,

onChange会为您提供onBlur。您现在可以使用moment.js等库来根据需要操作date and time格式