How To Get Month And Year From Date In Jquery

by

If you’re working with dates in a web application, chances are you’ve needed to extract the month and year from a given date at some point. In this blog post, we’ll show you how to get the month and year from a date using jQuery.

Prerequisites

Before we start, make sure you’ve included the jQuery library in your project. You can either download it from the official website or include it using a CDN like this: 

<script src="https://code.jquery.com/jquery-3.6.0.min.js"
    integrity="sha384-KyZXEAg3QhqLMpG8r+Knujsl5XnU+KR4+xPn4l8d2305fn8q5g5ue55+5+nX8IMy"
    crossorigin="anonymous"></script>

Getting Month and Year from a Date

Let’s assume you have a date string in the format YYYY-MM-DD and you want to extract the month and year. First, create a Date object from the date string, and then use the getMonth() and getFullYear() methods to get the month and year, respectively.

Here’s a simple example: 

// Date string
var dateString = "2021-07-01";

// Create a Date object
var dateObj = new Date(dateString);

// Get month and year
var month = dateObj.getMonth() + 1; // JavaScript counts months from 0 to 11
var year = dateObj.getFullYear();

// Log the result
console.log("Month: " + month + ", Year: " + year);

In this example, the getMonth() method returns a number from 0 to 11, where 0 represents January and 11 represents December. That’s why we add 1 to the result to get the correct month number.

Using jQuery

Although the example above uses plain JavaScript, you can also use jQuery to achieve the same result. Here’s how you can do it with jQuery: 

// Date string
var dateString = "2021-07-01";

// Use jQuery to create a Date object
var dateObj = $.datepicker.parseDate("yy-mm-dd", dateString);

// Get month and year
var month = dateObj.getMonth() + 1;
var year = dateObj.getFullYear();

// Log the result
console.log("Month: " + month + ", Year: " + year);

In this example, we use the jQuery UI datepicker plugin’s parseDate() method to create a Date object from the date string. This method accepts two arguments: the format of the date string and the date string itself. Note that you need to include the jQuery UI library for this to work.

Conclusion

In this blog post, we have shown you how to get the month and year from a date using both plain JavaScript and jQuery. By following these examples, you should now be able to easily extract the month and year from any date string in your web application.