期間を表示させる組み方を教えてください。

質問

期間を表示させる組み方を教えてください。

java script初心者です。
ホームページ上に
2010年10月30日～2010年11月5日 計7日
とjava scriptで表示させたいとします。

html内に
<script language="JavaScript" type="text/javascript">
<!--
Kikan("2010/10/30");
//-->
</script>
と埋込，このデータを読込んでココに上記のように表示させる
ソースの組み方のお知恵をお借りしたいのです。

外部スクリプトに
kei=7;
function Kikan(hizuke)
{
mykikan=new Array();
mykikan=hizuke.split("/");
dat= mykikan[0] + "年" + mykikan[1] + "月" + mykikan[2] + "日"
}
document.write(dat + "&nbsp;計" + kei + "日");

とすればとりあえず
2010年10月30日 計7日
という表示が出来るところまでは理解できたのですが
そのあとKikanにkeiを足して
2010年10月30日～2010年11月5日 計7日
と表示させるにはどのようにすると良いのでしょうか。

参考書見ながら現在の日にちを取得して比較させkeiの数値を足すのではないかと
考えはするのですが始めたばかりでまだ知恵が足りません。

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

回答No.4

fujillin · ベストアンサー

既に回答が出てますが…

Dateは結構そのまま計算できたりします。
今回の場合は、指定日から（kei-1）日後の日付を取得すればよいので、
　date.setDate(date.getDate() + kei -1)
みたいにすれば、○日後を得ることができます。

ご質問の仕様のままとして、

（外部ファイル）
var Kikan = (function(z) {
var kei = 7;
return function(hizuke) {
var date0 = new Date(hizuke), date1 = new Date(hizuke);
date1.setDate(date1.getDate() + kei -1);
document.write(z(date0) + "～" + z(date1) + " " + kei + "日間");
};
})(function(d) {
return d.getFullYear() + "年" + (d.getMonth() + 1) + "月" + d.getDate() + "日";
});

お礼

こちらの組み方だと，とてもシンプルになるのですね。
同じ表示で違う組み方があると勉強になるので
とても助かりました。

ありがとうございます。

回答No.3

yyr446

気付かれないうちに修正
function Kikan(hizuke,kei){
var hizukes = hizuke.split("/");
var from_day = new Date(hizukes[0]*1,hizukes[1]*1-1,hizukes[2]*1);
var to_day = new Date(from_day.getTime() + kei*24*60*60*1000);
var mystr = from_day.getFullYear() + "年"
　　　 + (from_day.getMonth()+1) + "月"
　　　 + from_day.getDate() + "日"
　　　 + "～"
　　　 + to_day.getFullYear() + "年"
　　　 + (to_day.getMonth()+1) + "月"
　　　+ to_day.getDate() + "日"
　　　+ "&nbsp;計" + kei + "日";
return mystr;
}

お礼

参考書見ながら考え方をソースに当てはめると
こうなるのかと解りやすく
とても助かりました。

同じ表示でも組み方が色々あるのですね。
参考にさせていただきます。

ありがとうございます。

回答No.2

yyr446

あれっ
　.getMonth() は1月が0で、12月が11のはずだったのに．．．．

回答No.1

yyr446

関数kikan()は↓のようにして（行の先頭の全角空白は半角空白にしてね）

function Kikan(hizuke,kei){
　var hizukes = hizuke.split("/");
　var from_day = new Date(hizukes[0],hizukes[1],hizukes[2]);
　var to_day = new Date(from_day.getTime() + kei*24*60*60*1000);
　var mystr = from_day.getFullYear() + "年"
　　　　　 + from_day.getMonth() + "月"
　　　　　 + from_day.getDate() + "日"
　　　　　 + "～"
　　　　　 + to_day.getFullYear() + "年"
　　　　　 + to_day.getMonth() + "月"
　　　　　 + to_day.getDate() + "日"
　　　　　 + "&nbsp;計" + kei + "日";
　return mystr;
}

埋め込むのは
<script type="text/javascript">document.write(Kikan("2010/10/30",7));</script>
でよろし。