Buen día, espero y me puedan ayudar, estoy haciendo una pagina web HTML y Javascript, en un apartado estoy haciendo cumpleaños de compañeros por meses, Bootstrap maneja los apartado "Active", busco en javascript que al obtener la fecha actual el active haga referencia a esa fecha, no se si se pueda o hay alguna forma de hacerlo
<script language="JavaScript">
window.onload = function() {
var fecha = new Date(); //Fecha actual
var mes = fecha.getMonth() + 1; //obteniendo mes
var dia = fecha.getDate(); //obteniendo dia
var ano = fecha.getFullYear(); //obteniendo año
if (dia < 10)
dia = '0' + dia; //agrega cero si el menor de 10
if (mes < 10)
mes = '0' + mes //agrega cero si el menor de 10
document.getElementById('fechaActual').value = ano + "-" + mes + "-" + dia;
}
</script>
<div class="col-md-6 ml-auto mr-auto">
<div class="profile-tabs">
<ul class="nav nav-pills nav-pills-icons justify-content-center" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="fechaActual" href="#enero" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Enero
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#febrero" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Febrero
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#marzo" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Marzo
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#abril" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Abril
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#mayo" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Mayo
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#junio" role="tab" data-toggle="tab">
<i class="material-icons">calendar_today</i> Junio
</a>
</li>
</ul>
</div>
</div>