calendarWeeks : BooleanDefault: false

Whether to display week number in year on the left side of the calendar.

Examples

Material Design

    
 <input id="datepicker" width="356" />
 <script>
    $('#datepicker').datepicker({ calendarWeeks: true, modal: true, footer: true });
 </script>

  

Bootstrap

    
 <input id="datepicker" width="250" />
 <script>
    $('#datepicker').datepicker({ calendarWeeks: true, uiLibrary: 'bootstrap' });
 </script>

  

Bootstrap 4

    
 <input id="datepicker" width="267" />
 <script>
    $('#datepicker').datepicker({ calendarWeeks: true, uiLibrary: 'bootstrap4' });
 </script>

  

Bootstrap 5

    
 <input id="datepicker" width="268" />
 <script>
    $('#datepicker').datepicker({ calendarWeeks: true, uiLibrary: 'bootstrap5' });
 </script>