Реализация функции калькулятора даты с помощью native js

В этом примере мы делимся конкретным кодом реализации календаря, на который можно ссылаться, подробности см.

Фрагмент html-кода календаря:

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Калькулятор дат</title>
 <script type="text/javascript" src="date_calc.js"></script>



<b>Расчет даты через несколько дней:</b>
<br>
　и
<input size="8" id="SY" value="2016">год
<input size="4" id="SM" value="11">месяц
<input size="4" id="SD" value="16">день
（默认为今天）

<input size="8" id="decday" value="100">дней
（输入负数则向前计算）

<span id="result1"></span>
<br>
<input type=button value="计算" onclick="cala()">
<br>
<b>Рассчитать разницу в датах:</b>
<br>
　　<input size="8" id="SY2" value="2016">года
<input size="4" id="SM2" value="11">месяцев
<input size="4" id="SD2" value="16">дней
<br>
и <input size="8" id="SY3" value="2017" >года
<input size="4" id="SM3" value="1">месяцев
<input size="4" id="SD3" value="1">дней
<br>Разница:
<span id="result2"></span>дней
<br>
<input type=button value="计算" 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;
{}

Вот и все, что есть в этой статье, надеюсь, это поможет вам в изучении, и希望大家多多支持呐喊教程。

Объявление: содержимое этой статьи взято из сети, авторские права принадлежат соответствующему автору, материалы предоставлены пользователями Интернета, сайт не имеет права собственности, материалы не редактировались вручную, и не несет ответственности за них. Если вы обнаружите материалы,涉嫌侵犯版权， пожалуйста, отправьте письмо по адресу: notice#oldtoolbag.com (во время отправки письма, пожалуйста, замените # на @) для отчета и предоставьте соответствующие доказательства. При подтверждении факта infringement, сайт немедленно удалят涉嫌侵权的内容。

Основной учебник

Вам может понравиться