FullCalendarというjQueryプラグインを使用することで、簡単にgoogleカレンダーのような見た目を再現することができます。
使い方は、headerでjQueryのファイルとfullcalendarの公式サイトからダウンロードしたjs・cssファイルを読みこみ、
カレンダーを表示させたいところに、
<div id="cal"></div>
として、スクリプトで
$('#cal').fullCalendar({})
idを指定し、fullcalendarを作成します。
基本的な使い方はこれでこれで終わりです。
さらに拡張したい場合は、fullCalendar関数の引値にオプションを指定します。