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

【问题标题】：How to get the current date in React Native如何在 React Native 中获取当前日期
【发布时间】：2019-03-30 00:37:59
【问题描述】：

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

我尝试遵循以下解决方案，但对我不起作用：

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

【问题讨论】：

标签： date react-native

【解决方案1】：

最简单的安装方式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】：

安装moment包：npm i moment

import moment from 'moment';

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

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

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

输出：15/11/2019

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

【讨论】：

【解决方案3】：

你需要在newDate()之后添加一个getDate()函数..即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>
    );
  }
}

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

希望对你有帮助

【讨论】：

【解决方案4】：

const onPressDateValidation = () =>{

    const currentDate ='2022-02-20'
  //  const currentDate ='2022-02-25'

  // const currentDate ='2022-02-26'

    const fromDate ='2022-02-20'
    const toDate = '2022-02-25'
   
    console.log("Umesh_______1 ", currentDate);
    console.log("Umesh_______2 ", fromDate);
   
    if ( moment(currentDate).isSameOrAfter(fromDate) ) {
      if( moment(currentDate).isSameOrBefore(toDate)){
        alert("Show your Ad either it's Banner Ad or Video Ad")
      }else{
        alert(" Ad is Expired")
      }
    } else {
      alert("Ad is not started yet")
    }
  }

【讨论】：