JKL.CalendarでJavaScriptのカレンダーを設置

カレンダーも色々あるけど、こういう日本語でシンプルなのいいよね。

http://www.kawa.net/works/js/jkl/calender.html

ちょっと躓いたので一応メモ

<script><--
    var cal2 = new JKL.Calendar("caldiv2","formid","start_date");
    cal2.setStyle( "frame_color", "#3333CC" );
    var cal3 = new JKL.Calendar("caldiv3","formid","last_date");
    cal3.setStyle( "frame_color", "#CC3333" );
//--></script>
<table><tr>
    <td>日付範囲を選択：</td>
    <td><input type="text" name="start_date" onClick="cal3.hide(); cal2.write();" 
        onChange="cal2.getFormValue(); cal2.hide();"><br><div id="caldiv2"></div></td>
    <td>〜</td>
    <td><input type="text" name="last_date" onClick="cal2.hide(); cal3.write();" 
        onChange="cal3.getFormValue(); cal3.hide();"><br><div id="caldiv3"></div></td>
</tr></table>

と書いてあるが、基本は

<script><--
    var cal1 = new JKL.Calendar("calid","formid","colname");
//--></script>

で

* calid … カレンダー表示用の div 要素のid
* formid … 日付格納用テキスト欄の form 要素のid
* colname … 日付格納用テキスト欄の変数名