複数カレンダー

説明補足説明コード分割コードその他関連書籍コメント投稿

このサンプルは、Webページにカレンダーを3個表示します。YUIのCalendarは、Webページに任意のカレンダーを表示することができます。

このサンプルは、Webページにカレンダーを3個表示します。YUIのCalendarは、Webページに任意のカレンダーを表示することができます。

Webページに複数のカレンダーを表示するには、「YAHOO.widget.CalendarGroup」のオブジェクト(クラス)を作成してカレンダーを表示します。カレンダーの個数は、引数「pages:」に指定します。

YAHOO.myCalendar.cal1 = 
  new YAHOO.widget.CalendarGroup(
    "cal1","Container", 
     {pages:3, 
      title:"日付を選択してください...", 
      close:true }
  );   
このサンプルを実行するには、下記サイトからYahoo! UI Libraryをダウンロードする必要があります。

http://developer.yahoo.com/yui/