A-Liaison BLOG: 表示専用のカレンダーJSが欲しい

2009年11月8日日曜日

表示専用のカレンダーJSが欲しい

日付を選択するためのカレンダーJSはよく見るのですが、表示に特化したものは余り見ないので。たとえばこんな感じでjQueryのプラグインみたいに使えるカレンダーが欲しいのです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Calendar object test</title>
<script type="text/javascript" src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript" >
    $(function(){
        // add a new text and set its style
        $("calendar")
        .from(2009, 10, 30)
        .to(2009, 10, 31)
        .text("Halloween")
        .color("#ffcccc")
        .style("bold")
        .backgroundcolor("#ffddcc");
    });

    // calendar event handling
    // use customized Event object which has "day" and "from, to" attr
    $("calendar").click(function(e){
        day = e.day
        this.day(day).text("clicked")
    });
    $("calendar").select(function(e){
        from = e.from
        to = e.to
        this.from(from).to(to).text("selected")
    });
</script>
</head>
<body>
    <div id="calendar">Calendar will be shown here</div>
</body>
</html>

どうでしょ？探せばあると思うのですが・・・