使用JS判斷一個日期是這一年的第幾天。
首先我們先整理一下思路：
- 假如是12月11日，那麼我們需要將1-11月的天數加起來，然後加上12月的11天。
- 假如是1月9日，那麼我們只需要將1月的這九天就可以了。
那麼這樣的話首先我們可以使用if else去判斷，但是用if else的話效率是很低的，這裏我們可以使用switch的case穿透效果來優化代碼：
/*
* year ：年份
* month：月份
* day ：日
* days ：總天數
*
* 思路：比如是12月，則從11月加到1月，最後加上12月的日期；
**/
switch ( parseInt(month) ) {
case 12:
days += 30;
case 11:
days += 31;
case 10:
days += 30;
case 09:
days += 31;
case 08:
days += 31;
case 07:
days += 30;
case 06:
days += 31;
case 05:
days += 30;
case 04:
days += 31;
case 03:
if(leapYear(year)){
days += 29;
} else{
days += 28;
}
case 2:
days += 31;
case 1:
days += 0;
break;
default:
show.innerText = "請輸入正確的日期";
break;
}
這裏我們需要判斷一下是閏年還是平年，如果是閏年的話2月份爲29天：
// 判斷閏年
function leapYear(year){
if(year % 4 === 0 && year % 100 !== 0 || year % 400 === 0){
return true;
} else{
return false;
}
}
完整代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>根據日期，判斷這個日期是這一年的第幾天。 (使用switch 穿透編寫)例如： 2016，02，11，計算後結果爲42</h1>
<hr>
<p>選擇日期：<input type="date" id="inDate" oninput="getDays()"></p>
<p id="show"></p>
</body>
<script>
var inDate = document.getElementById("inDate");
var show = document.getElementById("show");
/*
* year : 年
* month: 月
* day : 日
* days : 天數
**/
var year = null, month = null, day = null, days = 0;
function getDays(){
year = inDate.value.slice(0, 4);
month = inDate.value.slice(5, 7);
day = inDate.value.slice(8, 10);
/*
* 思路：比如是12月，則從11月加到1月，最後加上12月的日期；
**/
switch ( parseInt(month) ) {
case 12:
days += 30;
case 11:
days += 31;
case 10:
days += 30;
case 09:
days += 31;
case 08:
days += 31;
case 07:
days += 30;
case 06:
days += 31;
case 05:
days += 30;
case 04:
days += 31;
case 03:
if(leapYear(year)){
days += 29;
} else{
days += 28;
}
case 2:
days += 31;
case 1:
days += 0;
break;
default:
show.innerText = "請輸入正確的日期";
return;
}
days += parseInt(day);
show.innerText = month + "月" + day + "日是" + year + "年的第" + days + "天";
days = 0;
}
// 判斷閏年
function leapYear(year){
if(year % 4 === 0 && year % 100 !== 0 || year % 400 === 0){
return true;
} else{
return false;
}
}
</script>
</html>