Boostrap Datepicker - months and year only doesn't work

Question

I'm studying on how to use bootstrap datepicker but i need it to show only the months or year just like this:

but the result only became like this:

I only need to pick the month and the year not the whole calendar. Below is my whole code snippet:

$(document).ready(() => {
    $("#datepicker").datepicker( {
        format: "mm-yyyy",
        startView: "months", 
        minViewMode: "months"
    });
})




  
  
  
  My Teasting Website

user_6029001 · Answer

The functionality you are looking for is in datetimepicker, not in just datepicker. It has the UI the way you want.

Note: The calendar will show Month or Year, but when you select a particular value, it will show it as YYYY-MM format. It is not possible to show either YYYY or MM in the textbox after selecting the value from calendar.

$(function() {
  $('#datetimepicker2').datetimepicker({
    viewMode: 'months',
    format: 'YYYY-MM'
  });
});

Boostrap Datepicker - months and year only doesn't work

1 Answers