- 恋人の誕生日は何日後かな?
- このタスクの納期まで、後何日あるのかな?
- 令和になってから何日経過したかな?
等々、今日を基準に、xxは何日後?何日前?と計算する機会は多いと思います。でも月によって日数が違ったりする関係上、計算がやや大変だったりします。そこで、JSでさくっと日数計算をしてみます。
index.html
<!DOCTYPE html>
<meta charset="UTF-8">
<title>日数カウンター</title>
<input type="date" id="myDate">
<div id="myMSG"></div>
<script>
(function() {
document.getElementById("myDate").addEventListener('change', function() {
var today = new Date(),
myDate = new Date(document.getElementById("myDate").value),
myCount = today.getTime() - myDate.getTime(),
result;
myCount = Math.floor(myCount / (1000 * 60 * 60 * 24));
if (myCount > 0) {
result = myCount + "日経過しました。";
} else {
result = -(myCount) + "日後です。";
}
document.getElementById("myMSG").innerHTML = result;
}, false);
}());
</script>