---
title: "JavaScript Year and Month Picker"
description: "How to generate a JavaScript year month picker using jSuites Version 4."
source: https://jsuites.net/docs/v4/javascript-calendar/year-month
---

{.white}
> A new version of the **JavaScript Calendar** year month page is available here.
> <br><br>
> [Calendar Events on v5](/docs/javascript-calendar/year-month){.button .main target="_top"}


{.breadcrumb}
- [JavaScript Calendar](/docs/v4/javascript-calendar)
- Examples


JavasScript calendar with year month only selection picker.  
  
### Javascript year month picker

```html
<html>
<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />

<input id='calendar' />

<script>
// Enable the year and month picker
jSuites.calendar(document.getElementById('calendar'), {
    type: 'year-month-picker',
    format: 'MMM-YYYY',
    validRange: [ '2024-02-01', '2025-12-31' ]
});
</script>
</html>
```
