JavaScript カレンダー修正(シルバーウィーク対応)

JavaScript カレンダー修正(シルバーウィーク対応)

Posted at February 17,2009 12:55 AM
Tag:[Calendar, JavaScript]

現在公開中の「JavaScript カレンダー」をバージョンアップし、2009年9月のシルバーウィークに対応しました。

次のように、9月22日が休日表示になります。9月の表示はとりあえず2015年まで確認しています。

2009年9月のカレンダー

当サイトで公開している「Ajax 月送りカレンダー」や「休日表示付きリアルタイムカレンダー」など、カレンダーの休日の色を変えるカスタマイズをご利用の方は、下記のリンクから dayChecker.js をダウンロードして、現在ご利用の dayChecker.js と入れ替えてください。

WordPress の場合はプラグインファイルに同梱していますので、プラグインファイルの中にある dayChecker.js の内容を一部入れ替えてください。

関連記事
zenback
人気エントリー
トラックバックURL


コメント

yujiroさん

テンプレートキングさんで配布されているテーマ(WordPress)を使ってテストサイトで遊んでますが、休日表示付リアルタイムカレンダーが反映されません^^;
(http://www.templateking.jp/wordpress/blog/fsv001wp031.html)

yujiroさんのテーマやdefaultだと反映されてるのでテーマの問題だとは思うのですが、お時間のあるときにご助言を頂けませんでしょうか。

よろしくお願い致します。

[1] Posted by ken : February 21, 2009 11:39 AM

>kenさん
こんにちは。
ご質問の件ですが、テーマの問題であれば、すいませんが、まずはテンプレートキング様にご質問願えますでしょうか。
それではよろしくお願い致します。

[2] Posted by yujiro logo : February 24, 2009 12:46 PM

yujiroさん

テンプレートキング様ですが、お問合せフォームは2008年9月25日をもちまして、公開終了いたしました。となっておりますのでご質問させて頂きました。

ご回答ありがとうございます。

[3] Posted by ken : February 24, 2009 1:27 PM

yujiroさん

自己解決しました。
確認不足ですみません^^;

realtime-calendar.phpをながめると・・・
add_action(‘wp_footer‘, ‘execute_realtime_calendar‘);
があり、アクションフックに使っているwp_footerですが、
テンプレートキング様のテンプレのfooter.phpには記述がなかったです^^;

wp_headはheader.phpにあったので見過ごしてました OTL

footer.phpにwp_footerを記載する事で正常に動きました。

[4] Posted by ken : February 24, 2009 2:26 PM

>kenさん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

[5] Posted by yujiro logo : February 24, 2009 8:10 PM

何時もお世話になっております。
此方のWPテンプレートを使用させて頂いております。
WP2.7.1日本語版を使用して、JavaScriptcalendarを適用後
JavaScript カレンダー修正(シルバーウィーク対応)を対応させようと
dayChecker.js(Movable Type / WordPress / SereneBach カスタマイズ用)
のリンク先からDayChecker.jsをDLしたのですが、休日表示が何故か
適用されませんでした。

上記でご質問されている方と同じように、JavaScriptcalendarに同梱されている
daychecker.jsを使うと上手く表示されます。

footer.phpのwp_footerもテンプレートに記載されており何が影響しているのか
考えてみた所、同梱版のファイルに有って、シルバーウィーク対応版に無い物を
発見し、改善してみた所表示されるようになりましたのでご報告致します。

同梱版DayCHecker.jsの最後の方に記述されている
140行目当りの

function setWeekendAndHoliday(y,m) {
    var element = document.getElementById("wp-calendar");
    var caption = document.getElementsByTagName("caption");
    var date = caption[0].innerHTML;
    var number = date.match(/\d{1,}/g);
    var year = number[0];
    var month = number[1];
・・・(中略)・・・
        } else {
            if (isToday(year, month, day)) {
                td[i].setAttribute('class', 'today');
                td[i].setAttribute('className', 'today');
            }
        }
    }
}

の部分を、シルバーウィーク対応版の最後に追加する事で正常に
動作するようになりました。

[6] Posted by truth : April 14, 2009 2:52 PM

>truthさん
こんばんは。
ご指摘ありがとうございました。
説明不足で申し訳ありません。
なお、シルバーウィークに対応させたバージョンをリリースしました。
それではよろしくお願い致します。

[7] Posted by yujiro logo : April 19, 2009 2:19 AM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)