Date 如何在React Native中获取当前日期

我正在尝试在React原生应用程序中获取当前日期/月份/年份。我在这方面是新手，所以我对实施有很多疑问

我试图遵循以下解决方案，但不适用于我：

currentDay:新日期（），
log（'Date:'+this.state.currentDay，）；
console.log（'Day:'+this.state.currentDay.getDay（），'Month:'+this.state.currentDay.getMonth（），'Year:'+this.state.currentDay.getYear（））

您需要在

newDate（）

之后添加一个

getDate（）

函数。。i、 e.

var date=新日期。getDate（）

下面的代码示例（应阐明实现目的）如所示，您可以在其中联机运行代码

import React, { Component } from 'react';

import { StyleSheet, View, Alert, Text } from 'react-native';

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      //default value of the date time
      date: '',
    };
  }
  componentDidMount() {
    var that = this;

    var date = new Date().getDate(); //Current Date
    var month = new Date().getMonth() + 1; //Current Month
    var year = new Date().getFullYear(); //Current Year
    var hours = new Date().getHours(); //Current Hours
    var min = new Date().getMinutes(); //Current Minutes
    var sec = new Date().getSeconds(); //Current Seconds

    that.setState({
      //Setting the value of the date time
      date:
        date + '/' + month + '/' + year + ' ' + hours + ':' + min + ':' + sec,
    });
  }

  render() {
    return (
      <View
        style={{
          flex: 1,
          justifyContent: 'center',
          alignItems: 'center',
        }}>
        <Text
          style={{
            fontSize: 20,
          }}>
          Current Date Time
        </Text>
        <Text
          style={{
            fontSize: 20,
            marginTop: 16,
          }}>
          {this.state.date}
        </Text>
      </View>
    );
  }
}

import React，{Component}来自'React'；
从“react native”导入{样式表、视图、警报、文本}；
导出默认类应用程序扩展组件{
建造师（道具）{
超级（道具）；
此.state={
//日期时间的默认值
日期：''，
};
}
componentDidMount（）{
var=这个；
var date=new date（）.getDate（）；//当前日期
var month=new Date（）.getMonth（）+1；//当前月份
var year=新日期（）.getFullYear（）；//当前年份
var hours=new Date（）.getHours（）；//当前小时数
var min=new Date（）.getMinutes（）；//当前分钟数
var sec=new Date（）.getSeconds（）；//当前秒数
那是一个州({
//设置日期时间的值
日期：
日期+'/'+月+'/'+年+'+小时+':'+分钟+':'+秒，
});
}
render（）{
返回(
当前日期时间
{this.state.date}
);
}
}

显然，该样式是灵活的，您可以省略代码示例的时间元素（但它可能对其他用户有用）

---

希望这有助于最简单的安装方式

Moment是一个JavaScript日期和时间操纵库，用于解析、验证、操纵和格式化日期

您只需将其导入代码中即可：

import moment from 'moment'; 
var now = moment().format();

如果您只希望当前日期和输出的格式符合您的要求，您可以使用带有格式功能的矩

var currentDate = moment().format("DD/MM/YYYY");

结果

30/03/2019

您可以使用矩库根据需要更改日期格式

您可以参考以下文档，了解如何使用矩以及它们将提供什么功能

---

安装moment软件包：

npm i moment

import moment from 'moment';

var dateAndTime= moment().format("DD/MM/YYYY HH:mm:ss")

输出：

2019年11月15日15:33:23

var date= moment().format("DD/MM/YYYY")

输出：

2019年11月15日

（当然，此输出仅适用于当前日期）