A5かA4用紙の縦に印刷する想定。HTML内で任意の月を指定し、JavaScriptが自動的に月末まで、曜日を付けて1日ごとの行を作ります。ブラウザからPDF出力したサンプル（33KB）。これを印刷したのが上の画像です。今日はとりあえず1ヶ月分だけ、明日は複数月を1回で作るようにします。

以下ソース。HTML、CSS、JavaScriptを適当なローカルフォルダに置き、ブラウザでHTMLを開きます。動作はWindows7 32bit + Chorme43、Firefox40で確認しました。年・月の指定は暫定的にmetaタグで。どちらも省略でき、デフォルトは現在時刻の年・月です。
html_calendar.htmlSelectRawtextBitbucket
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<!-- <meta year="2015"> -->
<meta month="9">
<link rel="stylesheet" href="html_calendar.css">
</head><body><script src="html_calendar.js"></script></body></html>
html_calendar.jsSelectRawtextBitbucket
var Calendar = function () {
    var elems = document.getElementsByTagName('meta'),
        d = new Date;
    this.year = d.getFullYear();
    this.month = d.getMonth() + 1;
    for (var i = 0; i < elems.length; i++) {
        var ele = elems[i],
            y = ele.getAttribute('year'),
            m = ele.getAttribute('month');
        if (y) this.year = parseInt(y);
        if (m) this.month = parseInt(m);
    }
};

Calendar.prototype.prepareContainer = function () {
    var id = 'calendar',
        d = document.getElementById(id);
    if (d) return;
    var d = document.createElement('div');
    d.id = id;
    document.body.appendChild(d);
};

Calendar.prototype.displayYearMonth = function () {
    var d = document.createElement('div');
    d.textContent = this.year + '/' + this.month;
    d.className = 'year month';
    document.getElementById('calendar').appendChild(d);
};

Calendar.prototype.displayDays = function () {
    var f = document.createDocumentFragment(),
        dow = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
    var nextMonth = this.month % 12 + 1,
        nextMonthPre = nextMonth < 10 ? '0' : '',
        nextYear = this.year + (this.month === 12 ? 1 : 0),
        nextMonth1Day = new Date(nextYear + '-' +
            nextMonthPre + nextMonth + '-01'),
        tmpTime = nextMonth1Day.getTime() - 24 * 60 * 60 * 1000,
        tmpDate = new Date;
    tmpDate.setTime(tmpTime);

    for (var i = 1; i <= tmpDate.getDate(); i++) {
        var n = document.createElement('div'),
            m = (this.month < 10 ? '0' : ''),
            day = (i < 10 ? '0' : '') + i;
            tmp = new Date(this.year + '-' + m + this.month + '-' + day),
            yb = dow[tmp.getDay()];
        n.textContent = i + ' ' + yb;
        n.className = 'days ' + yb;
        f.appendChild(n);
    }
    document.getElementById('calendar').appendChild(f);
};

var c = new Calendar();
c.prepareContainer();
c.displayYearMonth();
c.displayDays();
html_calendar.cssSelectRawtextBitbucket
body {
    background: whitesmoke;
    margin: 0;
    padding: 0;
}

#calendar {
    background: white;
    font-size: 11pt;
    font-family: Cambria;
    line-height: 1.2;
    padding: 1.25em 1em 0 2em;
    overflow: hidden;
    height: calc(209.9125mm - 1.25em);
    width: calc(148.5mm - 1em - 2em) ; /* A5 */
}

.year.month {
    font-size: 1.5em;
    margin-bottom: 1em;
}

.days {
    border-top: solid black 1px;
    padding-left: 0.25em;
}

.days.Sun {
    margin-bottom: 2em;
    border-bottom: solid black 1px;
}

.days:last-child {
    border-bottom: solid black 1px;
}

@media print {
    body {
        background: white; 
    }
}


JavaScriptで当該月の日数を得るところで、PostgreSQLでよくやるように「翌月1日の前日の日付」を出すのが結構面倒でした。まだ不十分だったり、もっといい方法があるかもしれません。

仕上りサイズは、CSSでA5に指定しました。なぜか縦をぴったり210mm（余白込み）にすると1頁に収まらなかったので、微妙に小さく調整。A4等にする場合は印刷時に拡大して下さい。あとフォントは、上のソースではCambriaにしています。

↓Chromeで全体を表示した様子。右・下の薄いグレーはA5から外の部分で、カレンダーがはみ出ないよう確認するため。下余白がぎりぎりで、31日の月だとはみ出そうに思えますが、実際印刷すると余裕があります（2枚目の印刷プレビューの画像を参照）


↓Firefoxでの表示と印刷プレビュー。表示の縦サイズは、Chromeと比べれば少し印刷時に近いです。印刷プレビューは罫線が間引かれますが、実際にPDF出力したら正常でした。

明日、複数月版を作ったら今日のは不要になりますが、とりあえず作業経過の記録まで。