How to use Calendar function Subtract Days in Moment js React Native?

Jan 19, 2023 . Admin

In this tutorial, you will learn format date and subtract days using moment.js in react native. it's simple example of moment.js moment().subtract() method in react native. I explained simply about remove days using moment.js in react native. I’m going to show you about momentjs subtract in react native. follow bellow step for using moment js in react native.

In this example, We will remove days get to using calendar function Subtract method in react native.you can easy nad simply moment.js in react native.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: Install library

Install moment.js by running the following command in your project:

npm install moment --save
Step 3: 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().subtract(10, 'days').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 4: 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