Открыть заданную c вкладку на основе текущего месяца

Question

Я создаю веб-сайт «Признание сотрудника / Сотрудник месяца» и организую результаты с помощью вкладок «Месяц» - январь, февраль, март и др. c. Однако мне бы хотелось, чтобы вкладка текущего месяца открывалась автоматически при загрузке страницы, например, в марте, вкладка «Март» открывается, и после 12:00 1 апреля активная вкладка должна автоматически изменяться и открывать апрель при загрузке. Я использовал следующее jquery:

 $(function(){
    var date = new Date();
    var months = date.getMonth();
    date.setFullYear(2020);
    document.getElementsByClassName('.wrapper').innerHTML = date;

    if (months == 0 || months == 6) {
        $('a[aria-controls="wrapper"]').closest('li').addClass('active');
        $('a[aria-controls="wrapper"]').closest('li').removeClass('active');
    }
    else {
        $('a[aria-controls="wrapper"]').closest('li').addClass('active');
        $('a[aria-controls="wrapper"]').closest('li').removeClass('active');
    }
});

Использовали ли вы DatePicker для этой цели? У вас есть идеи, почему код не работает? Или у вас есть другие идеи, как я могу выполнить это?

HTML:

<section class="wrapper">
    <ul class="tabs">
    <li class="active">Jan</li>
    <li type="date">Feb</li>
    <li type="date">March</li>
    <li type="date">April</li>
    <li type="date">May</li>
    <li type="date">June</li>
    <li type="date">July</li>
    <li type="date">Aug</li>
    <li type="date">Sept</li>   
    <li type="date">Oct</li>
    <li type="date">Nov</li>
    <li type="date">Dec</li>
    </ul>

    <ul class="tab__content">
        <li class="active">
            <div class="content__wrapper" type="date">
        <div id="cards">