Yahho Calendar Archive

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に]

—

主な変更点

• 複数のカレンダー（Googleカレンダーで公開されているスケジュール）を同時に表示できるようになった
• 日付の値をセットする要素とは別に、カレンダーを表示する場所を指定できるようになった
• ポップアップでない表示もできるようになった
• YUIロード後にCallback関数を指定できるようになった
• カレンダー内のStyle設定のclass指定を少し変更

今回の変更は0.4.4ではなく0.5.0にしようかと思った。それぐらいの内容だが、普通に使う分には使わない機能ばかりなので0.4.4にした。

0.4.3は欠番で。

—–

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に]

—–

主な変更点

• テキストボックス1つに日付を貼り付ける場合で日付のフォーマットを変更していた場合に、入力済み日付をカレンダーに反映できない問題を解消
• 日付フォーマットでゼロ埋めする設定のプロパティ名（padZero）を修正

scmkさんからのフィードバックを取り込みました。（scmkさんありがとうございました。）

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に]

—

主な変更点

• 選択した日付を1つのテキストボックスに日付を貼り付ける場合に、その日付のフォーマットを編集できるようにした。（サンプル：Yahho Calendarでテキストボックスに入れる日付のフォーマットを変えるサンプル）

（0.4.1 beta 1から変更無し）

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に]

—

主な変更点

• カレンダーで選択可能な最初の日と最後の日をそれぞれ指定できるようにした
• カレンダーを表示中にカレンダー以外の場所をクリックされた場合、カレンダーを閉じるようにした
• CSSの指定を少し簡略化
• YUIのバージョンアップにともないロードするYUIのバージョンを2.6.0から2.7.0に上げた

本当はフォーカスが外れたらカレンダーを閉じるというのも盛り込みたかったけど、色んなケースに対応するのが大変そうなので断念。残念。

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に]

—

メールで質問を頂いたので、Yahho Calendarで選択可能な期間を限定する場合のサンプルを作った。

改めてみると、多国語対応したせいで、YUI Calendarのconfigをいじる方法が少し分かりづらくなっていたことに気付いた。

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に]

—

主な変更点

• 従来の日本語・英語・中国語に加えて、韓国語・スペイン語・ポルトガル語に対応した
• YUIのファイルのホスティング元を米Yahoo!からGoogleに変更
• そこで、httpsのWebページの場合、YUIのファイルもhttpsでロードする。（上記ホスティング元の変更に伴い、httpsでYUIのファイルをロードすることが可能になった。）

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に：Sandbox]

—

主な変更点

• CAL_STYLEのKEYを少しシンプルにした
• z-indexの指定が無くなっていたのを修正

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に：Sandbox]

—

これまでCSSファイル（YahhoCal.css）を読み込んでSytle設定していたのを、JavaScriptの中でやるようにした。

CSSを別ファイルにしていたのはサイトごとの変更しやすさを考えてだったが、自分で使う分には変更することもなかったので読み込む手間を減らすためにJSに統合。

JavaScript内では変更しやすいように、YahhoCal.CAL_STYLEというハッシュ（連想配列）に設定したい内容を入れておけば反映されるようにした。

なんかスッキリ。

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に：Sandbox]

—

主な変更点

• 設定用Obejctの名前をYahhoCal.YUI_CAL_CONFIG_JPからYahhoCal.YUI_CAL_CONFIGに変更（他言語への対応の布石．．．）
• YahhoCal.loadYUI()の仕様変更（詳細はYahho Calendar API リファレンス参照）
• position:absoluteな要素の後ろにカレンダーが隠れる問題を解消。それでもカレンダーが隠れる場合（z-indexの大きな要素が前に来てしまう場合）はYahhoCal.cssでセットしているz-indexをそれより大きな値にしてみて。

内部的には、いつのまにかできてたYUI Loaderを使ってYUIをロードするようにしたりしてみました。

—

YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 – Yahho Calendar [ゼロと無限の間に：Sandbox]

—

主な変更点

• YUIを最新バージョンに。たぶん影響（変更）は無いと思う
• 選択した日の色を明るい緑に変更