本文实例讲述了JavaScript实现简易的天数计算器。分享给大家供大家参考,具体如下:
运行效果图如下:
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title>简易天数计算器& lt;/title>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/dayCounter.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt; form>
开始日期
& lt;选择id=澳辍痹?
& lt;/select>
年
& lt;选择id="月"比;
& lt;/select>
月
& lt;选择id="天"在
& lt;/select>
日
& lt;输入类型=案囱】颉眎d=皊tartCb”在使用当前日期
& lt; br/比;
结束日期
& lt;选择id=皔ear2”比;
& lt;/select>
年
& lt;选择id=癿onth3”比;
& lt;/select>
月
& lt;选择id=癲ay2”比;
& lt;/select>
日
& lt;输入类型=案囱】颉眎d=癳ndCb”在使用当前日期
& lt; br/比;
& lt; br/比;
& lt;/form>
& lt; button>计算天数& lt;/button>
& lt; p id=" dayCountText "祝辞& lt;/p>
& lt;脚本type=" text/javascript祝辞/* *
*根据年和月更新日列表。
* @param国旗1 -开始日期2 -结束日期
*/函数更新(国旗){
如果(标志==1){
updateDaySelect([‘年’,‘月’,'天']);
其他}{
updateDaySelect ([‘year2’,‘month3’, ' day2 ']);
}
}//计算天数
函数calDays (id) {
var s=getDateStr([‘年’,‘月’,'天']);
var e=getDateStr ([‘year2’,‘month3’, ' day2 ']);
. getelementbyid (id)。innerHTML=calDayCount (s、e);
}//使用当前日期作为开始日期
函数useTodayAsStart () {
检查var=. getelementbyid (startCb)支票;
useToday(检查);
}//使用当前日期作为结束日期
函数useTodayAsEnd () {
检查var=. getelementbyid (endCb)支票;
useToday(2,检查);
}/* *
*使用当前日期。
* @param国旗1 -开始日期2 -结束日期
* @param检查真的——使用当前时期错:取消使用当前日期
*/检查函数useToday(国旗){
var元素;
如果(标志==1){
元素=getElements([‘年’,‘月’,'天']);
其他}{
元素=getElements ([‘year2’,‘month3’, ' day2 ']);
}
如果检查(){//使用当前日期
var ymd=getTodayYMD ();
var;//设置年
var yEle=[0]元素;
(=0;& lt;yEle.options.length;+ +){
如果(yEle.options [a]。值=https://www.yisu.com/zixun/=ymd [0]) {
yEle.options [a]。选择=把≡瘛?
打破;
}
}//设置月
var mEle=元素[1];
(=0;& lt;mEle.options.length;+ +){
如果(mEle.options [a]。值=https://www.yisu.com/zixun/=ymd [1] + 1) {
mEle.options [a]。选择=把≡瘛?
打破;
}
}//根据年和月更新日列表
更新(国旗);//设置日
var削除=元素[2];
(=0;& lt;dEle.options.length;+ +){
如果(dEle.options [a]。值=https://www.yisu.com/zixun/=ymd [2]) {
dEle.options [a]。选择=把≡瘛?
打破;
}
}
}
(var=0;我& lt;elements.length;我+ +){
元素[我]。禁用=检查& # 63;“禁用”:定义;
}
}
& lt;/script>
& lt;/body>
& lt;/html>
之前
(2)外部js文件:
