「 JavaScript 」一覧

JavaScriptで日付の比較

2012/11/13 覚え書き

こんなフォームで

開始日<br />
<select name="sy">
	<option value="2008">2008年</option>
</select>
<select name="sm">
	<option value="1">1月</option>
	<option value="1">2月</option>
</select>
<select name="sd">
	<option value="1">1日</option>
	<option value="2">2日</option>
</select>
～<br />
終了日時<br />
<select name="ey">
	<option value="2008">2008年</option>
</select>
<select name="em">
	<option value="1">1月</option>
	<option value="1">2月</option>
</select>
<select name="ed">
	<option value="1">1日</option>
	<option value="2">2日</option>
</select>

開始日<br />

</select>

</select>

</select>

～<br />

終了日時<br />

</select>

</select>

</select>

終了日時に開始日時より前の日時が選択されていたらアラートを出す、というJavaScriptを作ろうと思い、こんな感じで書いてみた。

startyear = フォームの開始年の値;
endyear = フォームの終了年の値;
if(startyear > endyear){ ...

startyear = フォームの開始年の値;

endyear = フォームの終了年の値;

if(startyear > endyear){ ...

しかし問題発生。
月や日の指定などで一桁と二桁を選択する、たとえば2月と12月というふうに選ぶと、2の方が大きいといわれてしまう。どうやら文字列として扱われているらしい。

解決方法は2つ。

eval関数を使う

startyear = eval(フォームの開始年の値); endyear = eval(フォームの終了年の値); if(startyear > endyear){ ...

1
2
3

startyear = eval(フォームの開始年の値);
endyear = eval(フォームの終了年の値);
if(startyear > endyear){ ...
Date型オブジェクトを生成しgetTimeを使う

start = new Date(開始年, 開始月, 開始日); end = new Date(終了年, 終了月, 終了日); s = start.getTime(); e = end.getTime(); if(s > e){ ...

1
2
3
4
5

start = new Date(開始年, 開始月, 開始日);
end = new Date(終了年, 終了月, 終了日);
s = start.getTime();
e = end.getTime();
if(s > e){ ...

個人的な好みは2つ目かな。

JavaScript