Question

我正在构建一个需要输入日期的Web应用程序，但是输入日期后，它将保存在mm-dd-yyyy中，并使用引导程序将以yyyy-mm-dd格式保存。

下面是代码。

searchTrain(e) {
    e.preventDefault();
    this.props.trains(this.state)
    this.setState({ to: '', from: '', date: '' })
  }

  onChangeTrain(e) {
    this.setState(
      { [e.target.id]: e.target.value }
      //   , () => console.log(this.state)
    );
  }

 <div className="col" >
            <label >
              <span>Journey Date <span className="required">*</span></span>
              <input type="date" className="input-field" id="date"
                value={this.state.date} onChange={this.onChangeTrain} 

                />
            </label>
          </div>

Answer 1

您可以尝试以下方法：

const today = Date.now();

console.log(new Intl.DateTimeFormat('pt-BR', {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
  second: '2-digit'
}).format(today));

Answer 2

在保存之前转换两个日期，使用momentJS

moment("05-05-2012", 'mm-dd-yyyy').format('dd-mm-yyyy');

Answer 3

使用瞬间即插即用包括

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/en-ca.js"></script>

var date = moment('30-06-2010', 'DD-MM-YYYY')

date.format('MM-DD-YYYY')

如何以dd-mm-yyyy格式获取日期

3 个答案: