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

时间:2019-03-30 00:38:00

标签: date react-native

我试图在React Native App中获取当前的日期/月份/年份。我是新来的,所以我对此实施有很多疑问。

我尝试遵循以下解决方案,但不适用于我:

currentDay: new Date(),

console.log('Date:'+this.state.currentDay ,);
console.log('Day: '+this.state.currentDay.getDay() , 'Month: ' + this.state.currentDay.getMonth(), 'Year :'+ this.state.currentDay.getYear());

3 个答案:

答案 0 :(得分:0)

您需要在getDate()之后添加newDate()函数,即var date = new Date.getDate()

AboutReact.com上说明了以下代码示例(应阐明实现目的),您可以在此处在线运行代码。

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>
    );
  }
}

显然,样式是灵活的,您可以省略代码示例的time元素(但对其他用户可能有用)。

希望这会有所帮助

答案 1 :(得分:0)

最简单的安装npm install moment --save

的方法

Moment是一个JavaScript日期和时间操作库,用于解析,验证,操作和格式化日期。

您可以简单地将其导入您的代码中:

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

如果只希望当前日期并以所需格式输出,则可以使用带有格式功能的力矩

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

结果

30/03/2019

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

您可以参考以下文档,了解有关如何使用动量以及它们将提供的功能

https://momentjs.com

https://devhints.io/moment

答案 2 :(得分:-1)

安装时刻包:print("List1 is : ",list1) print("List2 is : ",list2) for list_1 in list1: c=0 for list_2 in list2: if list_1 is list_2: c+=1 if c>0: print(list_1 ," frequency is : " ,c)

List1 is :  ['Bac1', 'Bac2', 'Bac3', 'Bac4', 'Bac5', 'Bac']
List2 is :  ['Abstract1', 'Bac5', 'Bac3', 'Abstract4', 'Bac5', 'Abstract6']
Bac3  frequency is :  1
Bac5  frequency is :  2

输出:npm i moment

import moment from 'moment';

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

输出:15/11/2019 15:33:23

(当然,此输出仅用于当前日期)。