如何在javascript中将完整日期转换为短类型日期？

Question

我在 JavaScript 中获得完整日期。 ->“Sun Feb 23 2020 10:12:46 GMT+0800 (CST)”我想将其转换为短日期（日期类型，而不是字符串）->“2020-02-23”我该如何转换?

Answer 1

有多种方法可以实现这一点，但是不需要第三方库的简单方法如下：

 const inputString = "Sun Feb 23 2020 10:12:46 GMT+0800 (CST)"; /* Parse date object directly from string of supplied format */ const date = new Date(inputString); /* Define helper function that pads a zero to front on string, if number less that 10 */ const padNumber = n => `${n < 10 ? '0' : ''}${n}` /* Format desired output string, and use padNumber help on date parts as needed */ const outputString = `${date.getFullYear()}-${padNumber(date.getMonth() + 1)}-${padNumber(date.getDate())}` console.log(outputString);

Answer 2

它不是内置功能，但您始终可以

迭代字符串直到第一个数字出现。

你开始记录一个“日期”字符串，然后，

然后用破折号替换空格

并停止在第一个 ':' 处记录您的日期字符串

你可以用这个做一个函数，或者搜索一个内置的

Answer 3

您可以使用 moment 包来实现您的目的。 这是一个小例子。

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import moment from 'moment';

export default class App extends React.Component {

constructor(props) {
    super(props);
    this.state = {
      dateText: '',
    };
  }

    onDOBDatePicked = (date) => {
      this.setState({
        dateText: moment(date).format('DD-MMM-YYYY')
      });
    }
    componentDidMount () {
      const date = "Sun Feb 23 2020 10:12:46 GMT+0800 (CST)";
      this.onDOBDatePicked(date);
    }

  render() {
    return (
      <View>
        <Text style={{ padding : 50 }}>
          {this.state.dateText}
        </Text>
      </View>
    );
  }
}