JavaScript Calendar

JavaScript Calendar: Year-Month Picker

Enhance your web applications with a JavaScript calendar specialising in year and month-only selections, providing a streamlined experience for users needing to pick broader date ranges without specific days.


JavaScript Year-Month Picker

This feature allows for a simplified interface where users can quickly navigate and select a particular year and month, ideal for reports, archives, and any scenario where the day of the month is secondary.

<script src=""></script>
<link rel="stylesheet" href="" type="text/css" />

<input id='calendar' />

// 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' ]
import { Calendar } from 'jsuites/react'
import { useRef } from 'react'
import 'jsuites/dist/jsuites.css'

function App() {
  const calendar = useRef(null);

  return (
    <div className="App">
      <Calendar ref={calendar} type={'year-month-picker'}
        validRange={['2024-02-01', '2025-12-31']} />

export default App;
    <Calendar ref="calendar" type="year-month-picker" format="DD/MM/YYYY HH:MM" :validRange="['2024-02-01', '2025-12-31']" />

import { Calendar } from "jsuites/vue";
import 'jsuites/dist/jsuites.css'

export default {
    name: 'App',
    components: {