Tratando de migrar un código a Angular el cual tengo hecho en jquery, el cual es un calendario con datepicker integrado. El problema es que hay que tener en cuenta lo siguiente:
- Si el primer día del mes cae cualquier día que no es lunes, entonces se debe rellenar los días anteriores a este para evitar que se desorganice el calendario.
- Lo mismo si el ultimo día no es domingo, también hay que rellenar para no desorganizar la forma del calendario.
Aquí un ejemplo del código resumido de lo que yo hacia:
<div>
<select>
<option value="nombredelmes o numero del mes">Nombre del mes</option>
</select>
<div id="diasSemana">
<div class="row">
<p class="col">L</p>
<p class="col">M</p>
<p class="col">M</p>
<p class="col">J</p>
<p class="col">V</p>
<p class="col">S</p>
<p class="col">D</p>
</div>
</div>
<div>
<div class="row" id="uno"></div>
<div class="row" id="dos"></div>
<div class="row" id="tres"></div>
<div class="row" id="cuatro"></div>
<div class="row" id="cinco"></div>
<div class="row" id="seis"></div>
</div>
En el codigo anterior en los id que van en ascenso, insertaba mediante append o cualquier otra forma de hacer ir colocando las fechas correspondiente a cada dia, sin olvidar, lo anterior expuesto.
Los días, fechas y demás lo obtenía mediante la librería Moment.js
moment().format('MM'); // 01-02 ... 12
, aqui esta la documentacion libreriamoment().format('YYYY'); // 2016, 2017 ... nnnn
de esta forma se obtiene el año