表示されている記事

スポンサーサイト

一定期間更新がないため広告を表示しています


このテンプレートで使用しているカレンダーについて

このテンプレートで使用しているカレンダーについて

Q. カレンダーの遷移リンク | JUGEM ユーザー助け合い掲示板
https://secure.jugem.jp/support/bbs/alldis.php?id=3050

上記のユーザー助け合い掲示板を参考に月送部分を表示させています。

HTML参考
<!-- BEGIN calendar -->
<div class="sideBox">
<h3>カレンダー</h3>
<div class="sideContents">
<table border="0" cellpadding="0" cellspacing="1">
<tr align="center">
<td class="cell" style="color:#CC0000">日</td>
<td class="cell" style="color:#000000;">月</td>
<td class="cell" style="color:#000000;">火</td>
<td class="cell" style="color:#000000;">水</td>
<td class="cell" style="color:#000000;">木</td>
<td class="cell" style="color:#000000;">金</td>
<td class="cell" style="color:#0066CC">土</td>
</tr>
</table>
{calendar_only}
<div class="calendar_add">
<script type="text/javascript">
<!--
function myCalenderLink(){
var nMonth = {calendar_next_yearmonth};
var pMonth = {calendar_prev_yearmonth};
var tYear = {calendar_this_year}
var tMonth = {calendar_this_month};

if(tMonth<10) tMonth = '0'+ tMonth;
var nowDate = String(tYear)+String(tMonth);

today = new Date();
var yyyy = today.getFullYear();
var mm = today.getMonth()+1;

if(mm<10) mm = "0"+ mm;
var ym = String(yyyy)+String(mm);

var pURL;
var nURL;

if(ym == nowDate){ pURL = pMonth; nURL = ''}
else if(nowDate == 201101){pURL = ''; nURL = nMonth;} //ブログ開始年月を6桁の数字で入力。例:2007年4月開設なら200704
else{pURL = pMonth; nURL = nMonth;}

document.write('<a href="./?month=' + pURL + '">&lt;&lt;&nbsp;</a>' + tYear + '年' + tMonth + '月' + '<a href="./?month=' + nURL + '">&nbsp;&gt;&gt;</a>');
}

myCalenderLink();
-->
</script>
</div>
</div>
</div>
<!-- END calendar -->

詳しくは「Q. カレンダーの遷移リンク」の回答者:catokoさんの回答を参考にしてください。

このブログで使用しているカレンダーの変更箇所は下記
document.write('<a href="./?month=' + pURL + '">&lt;&lt;&nbsp;</a>' + tYear + '年' + tMonth + '月' + '<a href="./?month=' + nURL + '">&nbsp;&gt;&gt;</a>');
}

/(スラッシュ)を年と月に置き換えています


追記:独自タグを使用する場合
  • {calendar_prev_yearmonth}:今表示している一つ前の年月
  • {calendar_next_yearmonth}:今表示しているひとつ後の年月
  • {calendar_this_yearmonth}:今表示しているの年月
  • {calendar_this_year}:今表示しているの年
  • {calendar_this_month}:今表示しているの月

上記の組み合わせで

<a href="./?month={calendar_prev_yearmonth}">&lt;&lt;</a>&nbsp;{calendar_this_year}年{calendar_this_month}月&nbsp;<a href="./?month={calendar_next_yearmonth}">&gt;&gt;</a>

※前後の月に記事がない場合は「指定された日付の記事は存在しません。」と表示されます。


スポンサーサイト


コメント
コメントする








   
この記事のトラックバックURL
トラックバック