javascript实现日期格式转换


Posted in Javascript onDecember 16, 2014
<!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 相关文章推荐
jQuery 动态酷效果实现总结
Dec 27 Javascript
JavaScript中valueOf函数与toString方法深入理解
Dec 02 Javascript
JS自动适应的图片弹窗实例
Jun 29 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
Apr 23 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
Sep 17 Javascript
AngularJS使用ngMessages进行表单验证
Dec 27 Javascript
微信小程序 教程之模块化
Oct 17 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
Apr 13 Javascript
Bootstrap实现下拉菜单多级联动
Nov 23 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
Oct 18 Javascript
JS eval代码快速解密实例解析
Apr 23 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
Feb 08 Javascript
javascript实现禁止复制网页内容
Dec 16 #Javascript
node.js中的fs.rmdirSync方法使用说明
Dec 16 #Javascript
node.js中的fs.rmdir方法使用说明
Dec 16 #Javascript
使用Chrome调试JavaScript的断点设置和调试技巧
Dec 16 #Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 #Javascript
node.js中的fs.fchown方法使用说明
Dec 16 #Javascript
node.js中的fs.chownSync方法使用说明
Dec 16 #Javascript
You might like
PHPThumb PHP 图片缩略图库
2012/03/11 PHP
php中自定义函数dump查看数组信息类似var_dump
2014/01/27 PHP
PHP里的单例类写法实例
2015/06/25 PHP
PHP defined()函数的使用图文详解
2019/07/20 PHP
键盘 keycode的值 javascript时触发事件时很有用的要素
2009/11/02 Javascript
js实现通用的微信分享组件示例
2014/03/10 Javascript
node.js中的emitter.emit方法使用说明
2014/12/10 Javascript
JS+CSS实现精美的二级导航效果代码
2015/09/17 Javascript
AngularJS中$apply方法和$watch方法用法总结
2016/12/13 Javascript
JS获取多维数组中相同键的值实现方法示例
2017/01/06 Javascript
node实现的爬虫功能示例
2018/05/04 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
2018/12/03 Javascript
node.js中path路径模块的使用方法实例分析
2020/02/13 Javascript
[03:03]DOTA2校园争霸赛 济南城市决赛欢乐发奖活动
2013/10/21 DOTA
通过数据库向Django模型添加字段的示例
2015/07/21 Python
Python中property函数用法实例分析
2018/06/04 Python
Python 2/3下处理cjk编码的zip文件的方法
2019/04/26 Python
python小项目之五子棋游戏
2019/12/26 Python
使用python检查yaml配置文件是否符合要求
2020/04/09 Python
IDLE下Python文件编辑和运行操作
2020/04/25 Python
HTML5中视频音频的使用详解
2017/07/07 HTML / CSS
canvas 下载二维码和图片加水印的方法
2018/03/21 HTML / CSS
美国生日蛋糕店:Bake Me A Wish!
2017/02/08 全球购物
伦敦一家西班牙童装精品店:La Coqueta
2018/02/02 全球购物
澳大利亚办公室装修:JasonL Office Furniture
2019/06/25 全球购物
JD Sports西班牙:英国领先的运动服装公司
2020/01/06 全球购物
提高EJB性能都有哪些技巧
2012/03/25 面试题
办公室保洁员岗位职责
2013/12/02 职场文书
家佳咖啡店创业计划书
2013/12/27 职场文书
企业仓管员岗位职责
2014/06/15 职场文书
环境卫生工作汇报材料
2014/10/28 职场文书
2015年社区创卫工作总结
2015/04/21 职场文书
运动会1000米加油稿
2015/07/21 职场文书
部门主管竞聘书
2015/09/15 职场文书
十大最强电系宝可梦,阿尔宙斯电系之一,第七被称为雷神
2022/03/18 日漫