jQuery计算时间差和阴阳历转换

最新推荐文章于 2022-02-12 22:43:10 发布
热呛
最新推荐文章于 2022-02-12 22:43:10 发布
阅读量648
点赞数
文章标签：时间差 jQuery 阴阳历转换
<html>
<head>  
<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>  
<script>
    var now = new Date(), y = now.getFullYear(), ba = 20/*取和当前时间相差前后20年*/;
    var yOpts = '', mOpts = '', dOpts = '';
    for (var i = y - 20, j = y + 20; i <= j; i++) yOpts += '<option value="' + i + '">' + i + '</option>';
    for (var i = 1, j = 12; i <= j; i++) mOpts += '<option value="' + i + '">' + i + '</option>';
    for (var i = 1, j = 31; i <= j; i++) dOpts += '<option value="' + i + '">' + i + '</option>';
</script>  
</head>  
<body>  
<table border="1">
<tr><td id="tdNow" colspan="2"></tr>
<tr>
<td>
起始<br /><br />
<select id="stY"><script>document.write(yOpts)</script></select>年
<select id="stM"><script>document.write(mOpts)</script></select>月
<select id="stD"><script>document.write(dOpts)</script></select>日<br /><br />
<select id="lstY"><script>document.write(yOpts)</script></select>年
<select id="lstM"><script>document.write(mOpts)</script></select>月
<select id="lstD"><script>document.write(dOpts)</script></select>日
</td>
<td>
截止<br /><br />
<select id="etY"><script>document.write(yOpts)</script></select>年
<select id="etM"><script>document.write(mOpts)</script></select>月
<select id="etD"><script>document.write(dOpts)</script></select>日<br /><br />
<select id="letY"><script>document.write(yOpts)</script></select>年
<select id="letM"><script>document.write(mOpts)</script></select>月
<select id="letD"><script>document.write(dOpts)</script></select>日
</td>
</tr>
<tr><td colspan="2">时间差：<span id="sRsty"></span>     
						<span id="sRstm"></span>     
						<span id="sRstw"></span>     
						<span id="sRstd"></span>     
						<span id="sRsth"></span>     
						<span id="sRsts"></span>     
						
</td></tr>


</table>
<script src="js/lunar.js"></script>
<script>
    var stY = document.getElementById('stY'), stM = document.getElementById('stM'), stD = document.getElementById('stD'),
        lstY = document.getElementById('lstY'), lstM = document.getElementById('lstM'), lstD = document.getElementById('lstD'),
        etY = document.getElementById('etY'), etM = document.getElementById('etM'), etD = document.getElementById('etD'),
        letY = document.getElementById('letY'), letM = document.getElementById('letM'), letD = document.getElementById('letD');
    var lMons = '正二三四五六七八九十冬腊', lDays1 = '初十廿卅', lDays2 = '一二三四五六七八九十', v,ds;
    var lYear1 = '〇一二三四五六七八九', lYear2 = '〇一二三四五六七八九', lYear3 = '〇一二三四五六七八九', lYear4 = '〇一二三四五六七八九',s;
    //更新农历年份显示
    for(var i = 0;i==4;i++){
    	s = parseInt(lstY.options[i].value);
    	lstY.options[i].text = letY.option[i].text = lYear1.charAt(s);
    }
    //更新农历月份显示
    for (var i = 0; i < 12; i++) {
        v = parseInt(lstM.options[i].value) - 1;
        lstM.options[i].text = letM.options[i].text = lMons.charAt(v) + '月';
    }
    //更新农历月份显示
    for (var i = 0; i < 31; i++) {
        v = parseInt(lstD.options[i].value);
        if (v <= 10) ds = lDays1.charAt(0);
        else ds = lDays1.charAt(parseInt(v.toString().charAt(0)));
        lstD.options[i].text = letD.options[i].text = ds + lDays2.charAt((v - 1) % 10);
    }
    //下拉框更改事件，更新对应的农历新历日期
    stY.onchange = stM.onchange = stD.onchange = lstY.onchange = lstM.onchange = lstD.onchange = 
    etY.onchange = etM.onchange = etD.onchange = letY.onchange = letM.onchange = letD.onchange = function () {
        var sign = this.id.indexOf('l') == 0;//是否农历日期框变化
        var idPrefix = /[a-z]+/.exec(this.id)[0];//获取起始或者截止前缀
        var dateStr = window[idPrefix + 'Y'].value + '/' + window[idPrefix + 'M'].value + '/' + window[idPrefix + 'D'].value;
        var date = new Date(dateStr);//生成日期对象，注意这里，如果日期选择错误，js会自动更正为最新日期，如2015/2/31，会变为2015/3/3
        //
        if ((date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()) != dateStr) {//和源字符不一样说明日期选错，重置select为新生成日期或者自己修改这里alert提示错误return返回也行
            window[idPrefix + 'Y'].value = date.getFullYear();
            window[idPrefix + 'M'].value = date.getMonth() + 1;
            window[idPrefix + 'D'].value = date.getDate();
        }
        /
        var rstDate = CalConvert(date, !sign, true);//执行农历新历转换
        if (rstDate) {//转换成功，更新对应的农历或者新历下拉框
            if (sign) idPrefix = idPrefix.replace('l', '');
            else idPrefix = 'l' + idPrefix;
            window[idPrefix + 'Y'].value = rstDate.getFullYear();
            window[idPrefix + 'M'].value = rstDate.getMonth() + 1;
            window[idPrefix + 'D'].value = rstDate.getDate();
        }
        //计算时间差
        var stDate = new Date(stY.value + '/' + stM.value + '/' + stD.value);
        var etDate = new Date(etY.value + '/' + etM.value + '/' + etD.value);
        var s = Math.abs(etDate.getTime() - stDate.getTime()) ;//总秒数
        var y = Math.floor(s / (365*24*3600*1000)); 
        var m = Math.floor(s / (31*24*3600*1000));
        var w = Math.floor(s / (7*24*3600*1000));
        var d = Math.floor(s / (24*3600*1000));//多少天
        var h = Math.floor(s / (3600*1000));//多少小时
        var s = Math.floor(s / 1000);
        document.getElementById('sRsty').innerHTML = y + '年' ;
        document.getElementById('sRstm').innerHTML = m + '月' ;
        document.getElementById('sRstw').innerHTML = w + '周' ;
        document.getElementById('sRstd').innerHTML = d + '天' ;
        document.getElementById('sRsth').innerHTML = h + '小时';
        document.getElementById('sRsts').innerHTML = s + '秒';
    }
    //设置新历为当前日期
    stY.value = etY.value = y;
    stM.value = etM.value = now.getMonth() + 1;
    stD.value = etD.value = now.getDate();
    //触发onchange事件设置对应农历日期
    stD.onchange();
    etD.onchange();
    function setNow(isInit) { if (!isInit) now.setSeconds(now.getSeconds() + 1);  document.getElementById('tdNow').innerHTML= now.toLocaleString() + '星期' + '日一二三四五六'.charAt(now.getDay()); }
    setNow(true);
    setInterval(function () { setNow() }, 1000);
</script>
</body>  
</html>
jQuery计算时间差和阴阳历转化具体如图片没有样式图片上有样式