JSFiddle - React, Tailwind, and code Playground

by steveukx

HTML

from date:
<input type="number" id="d" min="1" max="31" step="1" placeholder="dd">
/
<input type="number" id="m" min="1" max="12" step="1" placeholder="mm">
/
<input type="number" id="y" min="1980" max="2015" step="1" placeholder="yyyy">

show months:
<input type="number" id="n" min="1" max="12" step="1" value="1">
<hr />
<input type="button" id="submit" value="go">
<hr />

CSS

* { font-family: sans-serif; font-size: 10pt; }
body { margin: 1em; }
input { padding: 0 0.5em; }

JavaScript

jQuery('#submit').on('click', function() {
    var monthNames = 'JFMAMJJASOND'.split('')
    var date = new Date();
    date.setFullYear( jQuery('#y').val() );
    date.setMonth( jQuery('#m').val() - 1 );
    date.setDate( jQuery('#d').val() );
    
    var months = [];
    for(var i = 0, l = jQuery('#n').val(); i < l; i++) {
        months.push(monthNames[ (date.getMonth() + i) % 12 ]);
    }
    
    jQuery('body').append( months.join('<br />') + '<hr />' );
});