金狮镖局 Design By www.egabc.com

复制代码 代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>日期输入</title>
<script>
window.onload = function(){
    var aLaydate = document.getElementsByClassName("date");
    for(var i = 0;i < aLaydate.length;i ++)
    {
        aLaydate[i].onchange = function(){
            var dateValue = this.value;
            dateValue = dateValue.replace(/\。/g,"-");
            dateValue = dateValue.replace(/\./g,"-");
            if(dateValue.length == 8){
                var temp = dateValue.substring(0,4) + "-" + dateValue.substring(4,6) + "-" + dateValue.substring(6,8);
                dateValue = temp;
                console.log(dateValue);
            }
            if(CheckDT(dateValue)){
                this.value = dateValue;
            }
            else
            {
                alert("日期输入错误");
            }
        }
    }
}
 
function CheckDT(str)   
{   
    var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);   
    if(r==null)
    {
        return false;   
    }
    else
    {
        var d= new Date(r[1], r[3]-1, r[4]);   
        return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
    }  
}
</script>
</head>
<body>
<input placeholder="请输入日期" class="date">
</body>
</html>

把输入的YYYY.MM.DD、YYYY。MM。DD、YYYYMMDD转为YYYY-MM-DD

CheckDT这个function是在度娘里找的。

很简单实用的功能吧,小伙伴们可以直接拿去使用。

标签:
javascript,日期格式转换

金狮镖局 Design By www.egabc.com
金狮镖局 免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
金狮镖局 Design By www.egabc.com

评论“javascript实现日期格式转换”

暂无javascript实现日期格式转换的评论...

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。