Article Detail

JS日期计算器

RunJS 演示代码 onload=function(){ var reg = /^\d{4}(\-\d{2}){2}$/, reg2 = /[^\d]+/g;...

HTML 阅读 10.5万 2 分钟阅读 2015-10-26 14:34
GDScript3
47 行
<!DOCTYPE html>
<html>
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>
            RunJS 演示代码
        </title>
        <script>
            onload=function(){
                var reg = /^\d{4}(\-\d{2}){2}$/, reg2 = /[^\d]+/g;
                btn.onclick = function(){
                    var d1 = start.value, d2 = end.value;
                    if(!reg.test(d1) || !reg.test(d2)){
                        alert("输入日期格式必须为 yyyy-mm-dd");
                    }
                    else{
                        var g1 = new Date(d1.replace(reg2,'/'));
                        var g2 = new Date(d2.replace(reg2,'/'));
                        if(g2 < g1){
                            alert("结束日期不能早于开始日期");
                        }
                        else{
                            var gap = Math.floor((g2-g1)/1000/60/60/24) - 1;
                            result.innerHTML = d1 + " 至 " + d2 + " 之间共 " + gap + "天";
                        }
                    }
                }
            }
        </script>
  </head>
    <body>
        开始日期:
        <input type="text" id="start" />
        <br / >
        结束日期:
        <input type="text" id="end" />
        <br / >
        <button id="btn">
            计算
        </button>
        <br / >
        <br / >
        结果:
        <div id="result">
        </div>
  </body>
</html>
Comments 评论区
评论区 当前文章还没有公开评论
Comment Form 留下评论
正在回复 #0
粘贴图片、拖拽文件,或点上面的按钮上传 图片会自动插入 [img] 标签,其他附件会自动插入 [attach] 标签。
正在上传...
提交前会先拉起旧项目同款第三方人机验证。

不再要求填写昵称;reply 会生成一条带楼层回链的新评论,quote 会附带完整引用块,并保持评论锚点跳转。

lizhenqiu blog is powered by lizhenqiu.com Version 6.9

Processed in 0.0113 second(s) W3C

本博客的所有原创作品采用 知识共享 署名-非商业性使用-相同方式共享 2.5 协议 进行许可

本站由 七七牛 云存储 阿阿里云 计算与安全服务 拍又拍云 CDN 加速 百百度智能 AAMH 布布集网 AI指南针AI

桂公网安备 45010302000998号 桂ICP备15007619号-1 中国互联网举报中心 建议使用谷歌浏览器浏览
Navigation 文章导航
⌂ ↓ ↑
100%
图片预览
Gallery 图集
0 张图片

正在整理正文和评论里的图片。

当前页还没有可展示的图片。
Quick Comment 快速评论

直接输入内容,提交时仍会走当前页面的人机验证。

正在上传...
操作提示