Teratailの質問に「Javascript ==再度【カレンダー】の作成に」を見つけて、コード書いてみたんですが、質問文を読むと回答する気が無くなったので、ここに。
<!DOCTYPE HTML>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>

        <div id="calendar"></div>

        <script type="text/javascript">
            function calendar(element, y, m) {

                var weeks = ['日', '月', '火', '水', '木', '金', '土'];

                var start_dt = new Date(y, m - 1, 1);
                start_dt.setDate(start_dt.getDate() - start_dt.getDay());
                var end_dt = new Date(y, m, 0);
                end_dt.setDate(end_dt.getDate() + (7 - end_dt.getDay()));

                var table = document.createElement('table');
                element.appendChild(table);

                var caption = document.createElement('caption');
                caption.innerHTML = y + '/' + m;
                table.appendChild(caption);

                var thead = document.createElement('thead');
                table.appendChild(thead);

                var tr = document.createElement('tr');
                thead.appendChild(tr);
                for (var i in weeks) {
                    var th = document.createElement('th');
                    th.innerHTML = weeks[i];
                    tr.appendChild(th);
                }

                var tbody = document.createElement('tbody');
                table.appendChild(tbody);

                while (start_dt < end_dt) {
                    if (start_dt.getDay() === 0) {
                        var tr = document.createElement('tr');
                        tbody.appendChild(tr);
                    }
                    var td = document.createElement('td');
                    td.innerHTML = start_dt.getDate();
                    tr.appendChild(td);

                    start_dt.setDate(start_dt.getDate() + 1);
                }
            }

            calendar(document.getElementById('calendar'), 2017, 1);
        </script>
    </body>
</html>