How to get next month date using jQuery moment js example

by

Throughout this Javascript get Next month date example tutorial, we will explain How to get next month date date with different type format using jQuery moment js.

Moment.js provides a wrapper for the native JavaScript date object. Below we have added best examples to find next month date with format using jQuery Moment js.

Example 1: 

<script type="text/javascript">
    var nextMonthDate = moment().add(1, 'months').format('MM-DD-YYYY');
    console.log(nextMonthDate); // output 03-08-2022
</script>

Example 2: 

<script type="text/javascript">
    let startDate = '08-02-2022'
    let nextMonthDate = moment(startDate, "DD-MM-YYYY")
                        .add(1, 'months')
                        .format('LL');

    console.log(nextMonthDate); // output March 8, 2022
</script>

Example 3:


<script type="text/javascript">
    let startDate = '08-02-2022'
    let nextMonthDate = moment(startDate, "DD-MM-YYYY")
                        .add(1, 'months')
                        .format('MMMM');

    console.log(nextMonthDate); // March
</script>

Full Example

<!DOCTYPE html>
<html>
<head>
    <title>Moment Js get Next Month Date</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" crossorigin="anonymous"></script>
</head>
<body>

<h1>How to Get Next Month Date in Moment JS?</h1>

</body>

<script type="text/javascript">
    let startDate = '08-02-2022'
    let nextMonthDate = moment(startDate, "DD-MM-YYYY")
                        .add(1, 'months')
                        .format('DD-MM-YYYY');

    console.log(nextMonthDate); // output March 8, 2022
</script>

</html>

I hope its work for you.

Leave a Comment