How to Get Current Day and Time Using Moment JS in React Native?

Jan 27, 2023 . Admin

This article will provide some of the most important example using moment js in react native. you'll learn how to get dat and time using moment js in react native. if you want to see example of how to get time using moment js then you are a right place. it's simple example of how to get day using moment js.

In this example, We will get current day and time using moment js in react native.you can use calendar in moment js.below's this example.

Step 1: Download Project

In the first step run the following command to create a project.

expo init ExampleApp
Step 2: App.js

In this step, You will open the App.js file and put the code.

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

export default function App() {
    return (
      <View style={styles.container}>
        <Text style={styles.date}>{ moment().calendar()}</Text>
      </View>
    );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },

  text: {
    fontSize: 24,
  },

  date: {
    fontSize: 24,
    fontWeight: 'bold',
    padding: 15
  }

});
Step 3: Run Project

In the last step run your project using the below command.

expo start

You can QR code scan in Expo Go Application on mobile.

Output:

It will help you...

#React Native