专栏首页eguid开源技术分享javascript常用开发笔记:一个简单强大的js日期格式化方法

javascript常用开发笔记:一个简单强大的js日期格式化方法

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/eguid_1/article/details/53736579

前言:一直没找到好用的javascript日期格式化工具,自己写了一个,方便以后复用

1、主要功能

(1)支持任意顺序的日期格式排列:yyyy=年,MM=月,dd=日,HH=时,mm=分,ss=秒,sss=毫秒

(2)支持js的Date对象和标准Long值日期格式化(例如java发送到前端的日期是一个long值)

(3)日期出现个位数自动填充0

2、方法实现

/** 
*日期格式化 str:格式化字符,d:js日期对象或long值,d为空则自动获取当前日期格式化 
*/  
function dateFormat(str,d) {  
if( checkNull(str)){  //如果格式化字符为空,返回空字符  
        return "";    
}
if(checkNull(d)){  //如果日期为空,自动获取当前日期  
    d=new Date();    
}else if(d.constructor!=Date){//如果参数不是一个日期对象,就认为是一个标准Long值日期
	d=new Date(d);
}
 return  str.replace("yyyy",d.getFullYear()).replace("MM",fillZero(d.getMonth()+1)).replace("dd",fillZero(d.getDate())).replace("HH",fillZero( d.getHours())).replace("mm",fillZero(d.getMinutes())).replace("ss",fillZero(d.getSeconds())).replace("sss",d.getMilliseconds());  
}  

//填充0  
function fillZero(value){  
if(value.toString().length<2){  
    return "0"+value;  
}  
return value;  
}  
//判空  
function checkNull(value){  
if(!value||value==null||typeof(value) == "undefined"||value==""){  
return true;  
}  
return false;  
}  

3、测试demo

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>日期格式化 by eguid</title>  
</head>  
<body>  
  
<p>支持任意顺序日期格式排列:</p>  
<p id="demo">例如:dd日MM月yyyy年 HH:mm:ss</p>  
<script>  
/** 
*日期格式化 str:格式化字符,d:js日期对象,d为空则自动获取当前日期格式化 
*/  
function dateFormat(str,d) {  
if( checkNull(str)){  //如果格式化字符为空,返回空字符  
        return "";    
}
if(checkNull(d)){  //如果日期为空,自动获取当前日期  
    d=new Date();    
}else if(d.constructor!=Date){//如果参数不是一个日期对象,就认为是一个标准Long值日期
	d=new Date(d);
}
 return  str.replace("yyyy",d.getFullYear()).replace("MM",fillZero(d.getMonth()+1)).replace("dd",fillZero(d.getDate())).replace("HH",fillZero( d.getHours())).replace("mm",fillZero(d.getMinutes())).replace("ss",fillZero(d.getSeconds())).replace("sss",d.getMilliseconds());  
}  


//填充0  
function fillZero(value){  
if(value.toString().length<2){  
    return "0"+value;  
}  
return value;  
}  
//判空  
function checkNull(value){  
if(!value||value==null||typeof(value) == "undefined"||value==""){  
return true;  
}  
return false;  
}   
 //运行日期格式化  
var str = document.getElementById("demo").innerHTML;   
    document.getElementById("demo").innerHTML =dateFormat(str);  
</script>  
  
</body>  
</html>  

结果:

支持任意顺序日期格式排列:

例如:19日12月2016年 11:13:56:815

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 基于java.util.logging实现轻量级日志记录库(增加根据当前类class初始化,修复线程池模型(javaEE)下的堆栈轨迹顺序与当前调用方法不一致问题)

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    eguid
  • javacpp-opencv图像处理系列:国内车辆牌照检测识别系统(万份测试准确率79.7%以上)

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    eguid
  • 搭建rtmp直播流服务之3:java开发ffmpeg实现rtsp转rtmp并实现ffmpeg命令的接口化管理架构设计及代码实现

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    eguid
  • 关于JS中的循环

    for...of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象(比如arguments对象、DOM NodeList 对象)、后文的 ...

    mafeifan
  • 从零开始学C++之STL(九):函数适配器bind2nd 、mem_fun_ref 源码分析、函数适配器应用举例

    一、适配器 三种类型的适配器: 容器适配器:用来扩展7种基本容器,利用基本容器扩展形成了栈、队列和优先级队列 迭代器适配器:(反向迭代器、插入迭代器、IO流迭代...

    s1mba
  • 什么是ORM?

    一、ORM简介 对象关系映射(Object Relational Mapping,简称ORM)模式是一种为了解决面向对象与关系数据库存在的互不...

    步履不停凡
  • Science公布十大年度科学突破,贺建奎基因编辑入选最大科学故障

    每一年,《科学(Science)》杂志都会评选年度十大科学突破,今年的评选于当地时间20号刚刚新鲜出炉。除了十大年度科学突破(runners-up)外,今年还增...

    大数据文摘
  • 定义枚举的构造函数、方法和字段

    import org.junit.Test; public class lan { @Test public void tes...

    MonroeCode
  • Java每日一练(2017/7/20)

    最新通知 ●回复"每日一练"获取以前的题目! ●【新】Ajax知识点视频更新了!(回复【学习视频】获取下载链接) ●【新】HTML5知识点视频更新了!(回复【前...

    Java学习
  • 常用的像素操作算法:图像加法、像素混合、提取图像中的ROI

    图像可以是看成是一个多维的数组。读取一张图片,可以看成是读入了一系列的像素内容。这些像素内容,按照不同的模式具有不同的格式。对于三通道的 RGB 位图来说,每个...

    fengzhizi715

扫码关注云+社区

领取腾讯云代金券