原生js实现日期计算器功能

Questa guida condivide l'implementazione dettagliata del calcolatore di date, che può essere utilizzata come riferimento, il contenuto è il seguente

Fragmento HTML del calcolatore di date:

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Calcolatore di date</title>
 <script type="text/javascript" src="date_calc.js"></script>
</head>
<body>
<br><br>
<b>Calcolare la data di alcuni giorni:</b>
<br>
　e
<input size="8" id="SY" value="2016">anno
<input size="4" id="SM" value="11">mese
<input size="4" id="SD" value="16">giorno
(predefinito per oggi)
differenza
<input size="8" id="decday" value="100">giorni
(Se si inserisce un numero negativo, si calcola indietro)
è:
<span id="result1"></span>
<br>
<input type=button value="Calcola" onclick="cala()">
<br>
<b>Calcola differenza di date:</b>
<br>
　　<input size="8" id="SY2" value="2016">anno
<input size="4" id="SM2" value="11">mese
<input size="4" id="SD2" value="16">giorno
<br>
e <input size="8" id="SY3" value="2017" >anno
<input size="4" id="SM3" value="1">mese
<input size="4" id="SD3" value="1">giorno
<br>Differenza:
<span id="result2"></span>giorni
<br>
<input type=button value="Calcola" onclick="calb()">
<br>
</body>
</html>

date_calc.js代码片段：

var hzWeek= new Array("日","一","二","三","四","五","六","日");
//获取星期
function cweekday(wday)
{return hzWeek[wday];}
function cala()
{
y=document.getElementById("SY").value;
m=document.getElementById("SM").value;
d=document.getElementById("SD").value;
ddd=document.getElementById("decday").value;
ttt=new Date(y,m-1,d).getTime()+ddd*24000*3600;
theday=new Date();
theday.setTime(ttt);
document.getElementById("result1").innerHTML=theday.getFullYear()+"年"+(1+theday.getMonth())+"月"+theday.getDate()+"日"+"星期"+cweekday(theday.getDay());
{}
function calb()}
{
y2 = document.getElementById("SY2").value;
m2 = document.getElementById("SM2").value;
d2 = document.getElementById("SD2").value;
y3 = document.getElementById("SY3").value;
m3 = document.getElementById("SM3").value;
d3 = document.getElementById("SD3").value;
day2 = new Date(y2, m2 - 1, d2);
day3 = new Date(y3, m3 - 1, d3);
document.getElementById("result2").innerHTML = (day3 - day2) / 86400000;
{}

Questo è tutto il contenuto dell'articolo, speriamo che sia utile per la tua apprendimento, e speriamo che tutti sosteniate la guida Yell.

Dichiarazione: il contenuto di questo articolo è stato tratto da Internet, il diritto d'autore è di proprietà del rispettivo proprietario, il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, questo sito non detiene i diritti di proprietà, non è stato editato manualmente e non assume responsabilità legali correlate. Se trovi contenuti sospetti di violazione del copyright, ti preghiamo di inviare una e-mail a: notice#oldtoolbag.com (al momento dell'invio dell'e-mail, sostituisci # con @) per segnalare, fornendo prove pertinenti. Una volta verificata, questo sito rimuoverà immediatamente il contenuto sospetto di violazione del copyright.

教程基础