JSFiddle - React, Tailwind, and code Playground

by Roberto Torres

HTML

<script src="https://momentjs.com/downloads/moment.js"></script>
<select id="tipo" onchange="calcular()">
  <option value="day">día</option>
  <option value="week">semana</option>
  <option selected value="month">mes</option>
  <option value="year">año</option>
</select>
<div id="comienzo"></div>
<div id="final"></div>

JavaScript

function calcular() {
  // moment() siempre va a ser referencia a la fecha de hoy y ahora
  // para inicializarlo a otra fecha es así
  // let fecha = moment('1995-12-25');

  let tipo = document.getElementById('tipo').value;
  let comienzo = moment().startOf(tipo);
  let final = moment().endOf(tipo);

  document.getElementById('comienzo').innerHTML = comienzo;
  document.getElementById('final').innerHTML = final;
}

calcular();