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 相关文章推荐
Javasipt:操作radio标签详解
Dec 30 Javascript
javascript常用方法汇总
Dec 02 Javascript
jquery实现上下左右滑动的方法
Feb 09 Javascript
JQuery异步提交表单与文件上传功能示例
Jan 12 Javascript
深入理解JavaScript中的尾调用(Tail Call)
Feb 07 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
Jun 01 Javascript
Bootstrap 树控件使用经验分享(图文解说)
Nov 06 Javascript
Vue实现购物车场景下的应用
Nov 27 Javascript
Angular4的输入属性与输出属性实例详解
Nov 29 Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 Javascript
laypage.js分页插件使用方法详解
Jul 27 Javascript
Electron 调用命令行(cmd)
Sep 23 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
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
php简单实现多字节字符串翻转的方法
2015/03/31 PHP
yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析
2016/01/09 PHP
PHP foreach遍历多维数组实现方式
2016/11/16 PHP
win10下 php安装seaslog扩展的详细步骤
2020/12/04 PHP
javascript引用对象的方法代码
2007/08/13 Javascript
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
JS多物体 任意值 链式 缓冲运动
2012/08/10 Javascript
javascript日期格式化方法汇总
2015/10/04 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
Express URL跳转(重定向)的实现方法
2017/04/07 Javascript
Angular2使用Angular CLI快速搭建工程(一)
2017/05/21 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
nodejs操作mongodb的增删改查功能实例
2017/11/09 NodeJs
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
vue elementUI tree树形控件获取父节点ID的实例
2018/09/12 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
如何运行Python程序的方法
2013/04/21 Python
由Python运算π的值深入Python中科学计算的实现
2015/04/17 Python
编写Python CGI脚本的教程
2015/06/29 Python
在Apache服务器上同时运行多个Django程序的方法
2015/07/22 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
Python 实现自动导入缺失的库
2019/10/29 Python
在Python中等距取出一个数组其中n个数的实现方式
2019/11/27 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
HTML5新增加标签和功能概述
2016/09/05 HTML / CSS
Eastbay官网:美国最大的运动鞋网络零售商
2016/07/27 全球购物
美国最大的家庭鞋类零售商之一:Shoe Carnival
2017/10/06 全球购物
茶叶店创业计划书范文
2014/01/19 职场文书
企业文化宣传标语
2014/06/09 职场文书
护理学院专科毕业生求职信
2014/06/28 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书
Python Socket编程详解
2021/04/25 Python
只用20行Python代码实现屏幕录制功能
2021/06/02 Python