我正在构建一个以天为单位计算差异的应用程序。有几个日期选项可以使用，也可以不使用。正因为如此，我正在构建一个开关/案例逻辑流来计算不同的变量组合。一切正常，只是我似乎无法让函数add_sd((和add_td((更新它们各自的变量(使用onchange或oninput(并传递给switch用例。如果我将"2"硬编码到date_list中，则会在"天数"框中生成预期输出(以天为单位的差异(。照原样，"天数"框中不会显示任何内容。缩写代码的相关部分如下：
代码
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script type="text/javascript">
function calcBusinessDays(d1, d2) {
var one_day=1000*60*60*24;
var d1_days = parseInt(d1.getTime()/one_day) - 1;
var d2_days = parseInt(d2.getTime()/one_day);
var days = (d2_days - d1_days);
var weeks = (d2_days - d1_days) / 7;
var day1 = d1.getDay();
var day2 = d2.getDay();
if (day1 == 0) {
days--;
} else if (day1 == 6) {
days-=2;
}
if (day2 == 0) {
days-=2;
} else if (day2 == 6) {
days--;
}
days -= parseInt(weeks) * 2;
return days;
}
var add_sd_var=0;
var add_td_var=0;
function add_sd(){
add_sd_var = 1;
return add_sd_var;
}
function add_td(){
var add_td_var = 1;
return add_td_var;
}
var date_list;
function GetDays(){
var days_left = 7;
var num_day, num_day2 = 0;
var start_date = new Date(document.getElementById("start_date").value);
var today_date = new Date(document.getElementById("today_date").value);
date_list = add_sd_var + add_td_var;
switch(date_list){
case 2:
num_day = calcBusinessDays(start_date, today_date);
num_day2 = days_left - num_day;
document.getElementById("numdays2").value = num_day2;
break;
}
}
</script>
</head>
<body>
<p>
<Fieldset>
<label class="form">Received by Client Date:</label><input type="date" class="textbox" id="start_date" name="start_date" onchange="add_sd()"/> <br></br>
<label class="form">Today's Date:</label><input type="date" class="textbox" id="today_date" name="today_date" onchange="add_td()"/> <br></br>
<label for="numdays2", class="form">Number of days:</label><input type="text" class="textbox" id="numdays2" name="numdays2"/> <br></br>
<button id="enter" type="button" onclick="GetDays()">Enter</button>
</Fieldset>
</p>
</body>
主要问题似乎是在函数内重新声明add_td_var，而它已经在函数外声明了。我对此进行了修改，还删除了一些无效的html中断-</br>。在html 4中，break是<br/>(后面的斜线(，但在html 5中，它只是<br>，不需要close标记。如果你想再休息一下，只需再加一个<br>。在下面的代码中(删除了额外的head/meta等(，点击按钮时，天数显示在框中。
希望这能帮助
<script type="text/javascript">
function calcBusinessDays(d1, d2) {
var one_day = 1000 * 60 * 60 * 24;
var d1_days = parseInt(d1.getTime() / one_day) - 1;
var d2_days = parseInt(d2.getTime() / one_day);
var days = (d2_days - d1_days);
var weeks = (d2_days - d1_days) / 7;
var day1 = d1.getDay();
var day2 = d2.getDay();
if (day1 == 0) {
days--;
} else if (day1 == 6) {
days -= 2;
}
if (day2 == 0) {
days -= 2;
} else if (day2 == 6) {
days--;
}
days -= parseInt(weeks) * 2;
return days;
}
var add_sd_var = 0;
var add_td_var = 0;
function add_sd() {
add_sd_var = 1;
return add_sd_var;
}
function add_td() {
add_td_var = 1;
return add_td_var;
}
var date_list;
function GetDays() {
var days_left = 7;
var num_day, num_day2 = 0;
var start_date = new Date(document.getElementById("start_date").value);
var today_date = new Date(document.getElementById("today_date").value);
date_list = add_sd_var + add_td_var;
switch (date_list) {
case 2:
//console.log("Date list: " + add_sd_var + " " +add_td_var);
num_day = calcBusinessDays(start_date, today_date);
num_day2 = days_left - num_day;
document.getElementById("numdays2").value = num_day2;
break;
}
}
</script>
<p>
<Fieldset>
<label class="form">Received by Client Date:</label><input type="date" class="textbox" id="start_date" name="start_date" onchange="add_sd()" /> <br>
<label class="form">Today's Date:</label><input type="date" class="textbox" id="today_date" name="today_date" onchange="add_td()" /> <br>
<label for="numdays2" , class="form">Number of days:</label><input type="text" class="textbox" id="numdays2" name="numdays2" /> <br>
<button id="enter" type="button" onclick="GetDays()">Enter</button>
</Fieldset>
</p>