2
votes

Comment obtenir la date actuelle dans React Native

J'essaie d'obtenir le jour / mois / année en cours dans une application native React. Je suis nouveau dans ce domaine, j'ai donc beaucoup de doutes sur l'implémentation.

J'ai essayé de suivre la solution suivante, mais cela ne fonctionne pas pour moi:

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

react-native date

0 commentaires

3 Réponses :

0
votes

Vous devez ajouter une fonction getDate () après newDate () .. ie var date = new Date.getDate () L'exemple de code suivant (qui devrait clarifier les objectifs de mise en œuvre) est illustré sur AboutReact .com , où vous pouvez exécuter le code en ligne.

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

De toute évidence, le style est flexible et vous pouvez omettre l'élément time de l'exemple de code (mais il peut être utile aux autres utilisateurs) ..

J'espère que cela vous aidera

0 commentaires

3
votes

Le moyen le plus simple d'installer npm install moment --save

Moment est une bibliothèque JavaScript de manipulation de date et d'heure pour analyser, valider, manipuler et formater les dates.

Vous pouvez simplement l'importer dans votre code:

30/03/2019

si vous voulez juste la date actuelle et sortie dans le format souhaité, vous pouvez utiliser moment avec la fonction de format

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

Résultat

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

Vous pouvez changer le format de la date en fonction selon vos besoins en utilisant la bibliothèque Moment

Vous pouvez consulter les documents suivants pour savoir comment utiliser moment et quelle fonction ils fourniront

https://momentjs.com

https: //devhints.io/moment

0 commentaires

0
votes

Installez le package moment: npm i moment

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

sortie: 15/11/2019 15:33:23 p>

import moment from 'moment';

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

sortie: 15/11/2019

(cette sortie est uniquement pour la date actuelle, bien sûr). p >

0 commentaires