更改输入类型日期的视图

Question

我将reactstrap用于input类型date。该视图为MM/DD/YYYY格式。是否有其他解决方法可以使显示的格式在ex中。 09 Jul 19？我真的不知道如何实现它。抱歉，我可以做到这一点。

查看

import React, { Component } from 'react';
import {
  Row, Col,
  Label,
  Input,
  Container,
} from 'reactstrap';

class App extends Component {
  render() {
    return (
      <Container>
        <Container>
          <Row>
            <Col>
              <Input
                type="date"
              />
            </Col>
          </Row>
        </Container>
      </Container>
    );
  }
}

export default App;

先谢谢您！请，任何提示可能会非常有帮助。

更新

我尝试将代码更改为这样：

<Input
   type="date"
   data-date={this.state.valdate} data-date-format="DD MMMM YYYY"
   value={this.state.valdate} onChange={(e) => {
      e.target.setAttribute('data-date', moment(e.target.value,
      'YYYY-MM-DD').format('DD MMMM YYYY'))
   }}
/>

但仍然无法正常工作。这些都是根据answer从jquery转换而来的。