js时间格式化工具类

最新推荐文章于 2023-05-25 16:38:34 发布
最新推荐文章于 2023-05-25 16:38:34 发布
阅读量395 收藏
点赞数
分类专栏： java js 文章标签： 化工 date function dwr n2 扩展
java 同时被 2 个专栏收录
18 篇文章 0 订阅
订阅专栏
js
10 篇文章 0 订阅
订阅专栏
 
function DateUtil(){}   
  1. /**  
  2. *功能:格式化时间  
  3. *示例:DateUtil.Format("yyyy/MM/dd","Thu Nov 9 20:30:37 UTC+0800 2006 "); 
  4. *返回:2006/11/09  
  5. */  
  6. DateUtil.Format=function(fmtCode,date){   
  7.     var result,d,arr_d;   
  8.        
  9.     var patrn_now_1=/^y{4}-M{2}-d{2}\sh{2}:m{2}:s{2}$/;   
  10.     var patrn_now_11=/^y{4}-M{1,2}-d{1,2}\sh{1,2}:m{1,2}:s{1,2}$/;   
  11.        
  12.     var patrn_now_2=/^y{4}\/M{2}\/d{2}\sh{2}:m{2}:s{2}$/;   
  13.     var patrn_now_22=/^y{4}\/M{1,2}\/d{1,2}\sh{1,2}:m{1,2}:s{1,2}$/;   
  14.        
  15.     var patrn_now_3=/^y{4}年M{2}月d{2}日\sh{2}时m{2}分s{2}秒$/;   
  16.     var patrn_now_33=/^y{4}年M{1,2}月d{1,2}日\sh{1,2}时m{1,2}分s{1,2}秒$/;   
  17.        
  18.     var patrn_date_1=/^y{4}-M{2}-d{2}$/;   
  19.     var patrn_date_11=/^y{4}-M{1,2}-d{1,2}$/;   
  20.        
  21.     var patrn_date_2=/^y{4}\/M{2}\/d{2}$/;   
  22.     var patrn_date_22=/^y{4}\/M{1,2}\/d{1,2}$/;   
  23.        
  24.     var patrn_date_3=/^y{4}年M{2}月d{2}日$/;   
  25.     var patrn_date_33=/^y{4}年M{1,2}月d{1,2}日$/;   
  26.        
  27.     var patrn_time_1=/^h{2}:m{2}:s{2}$/;   
  28.     var patrn_time_11=/^h{1,2}:m{1,2}:s{1,2}$/;   
  29.     var patrn_time_2=/^h{2}时m{2}分s{2}秒$/;   
  30.     var patrn_time_22=/^h{1,2}时m{1,2}分s{1,2}秒$/;   
  31.        
  32.     if(!fmtCode){fmtCode="yyyy/MM/dd hh:mm:ss";}   
  33.     if(date){   
  34.         d=new Date(date);   
  35.         if(isNaN(d)){   
  36.             msgBox("时间参数非法\n正确的时间示例:\nThu Nov 9 20:30:37 UTC+0800 2006\n或\n2006/       10/17");   
  37.             return;}   
  38.     }else{   
  39.         d=new Date();   
  40.     }   
  41.   
  42.     if(patrn_now_1.test(fmtCode))   
  43.     {   
  44.         arr_d=splitDate(d,true);   
  45.         result=arr_d.yyyy+"-"+arr_d.MM+"-"+arr_d.dd+" "+arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;   
  46.     }   
  47.     else if(patrn_now_11.test(fmtCode))   
  48.     {   
  49.         arr_d=splitDate(d);   
  50.         result=arr_d.yyyy+"-"+arr_d.MM+"-"+arr_d.dd+" "+arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;   
  51.     }   
  52.     else if(patrn_now_2.test(fmtCode))   
  53.     {   
  54.         arr_d=splitDate(d,true);   
  55.         result=arr_d.yyyy+"/"+arr_d.MM+"/"+arr_d.dd+" "+arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;   
  56.     }   
  57.     else if(patrn_now_22.test(fmtCode))   
  58.     {   
  59.         arr_d=splitDate(d);   
  60.         result=arr_d.yyyy+"/"+arr_d.MM+"/"+arr_d.dd+" "+arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;   
  61.     }   
  62.     else if(patrn_now_3.test(fmtCode))   
  63.     {   
  64.         arr_d=splitDate(d,true);   
  65.         result=arr_d.yyyy+"年"+arr_d.MM+"月"+arr_d.dd+"日"+" "+arr_d.hh+"时"+arr_d.mm+"分"+arr_d.ss+"秒";   
  66.     }   
  67.     else if(patrn_now_33.test(fmtCode))   
  68.     {   
  69.         arr_d=splitDate(d);   
  70.         result=arr_d.yyyy+"年"+arr_d.MM+"月"+arr_d.dd+"日"+" "+arr_d.hh+"时"+arr_d.mm+"分"+arr_d.ss+"秒";   
  71.     }   
  72.        
  73.     else if(patrn_date_1.test(fmtCode))   
  74.     {   
  75.         arr_d=splitDate(d,true);   
  76.         result=arr_d.yyyy+"-"+arr_d.MM+"-"+arr_d.dd;   
  77.     }   
  78.     else if(patrn_date_11.test(fmtCode))   
  79.     {   
  80.         arr_d=splitDate(d);   
  81.         result=arr_d.yyyy+"-"+arr_d.MM+"-"+arr_d.dd;   
  82.     }   
  83.     else if(patrn_date_2.test(fmtCode))   
  84.     {   
  85.         arr_d=splitDate(d,true);   
  86.         result=arr_d.yyyy+"/"+arr_d.MM+"/"+arr_d.dd;   
  87.     }   
  88.     else if(patrn_date_22.test(fmtCode))   
  89.     {   
  90.         arr_d=splitDate(d);   
  91.         result=arr_d.yyyy+"/"+arr_d.MM+"/"+arr_d.dd;   
  92.     }   
  93.     else if(patrn_date_3.test(fmtCode))   
  94.     {   
  95.         arr_d=splitDate(d,true);   
  96.         result=arr_d.yyyy+"年"+arr_d.MM+"月"+arr_d.dd+"日";   
  97.     }   
  98.     else if(patrn_date_33.test(fmtCode))   
  99.     {   
  100.         arr_d=splitDate(d);   
  101.         result=arr_d.yyyy+"年"+arr_d.MM+"月"+arr_d.dd+"日";   
  102.     }   
  103.     else if(patrn_time_1.test(fmtCode)){   
  104.         arr_d=splitDate(d,true);   
  105.         result=arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;   
  106.     }   
  107.     else if(patrn_time_11.test(fmtCode)){   
  108.         arr_d=splitDate(d);   
  109.         result=arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;   
  110.     }   
  111.     else if(patrn_time_2.test(fmtCode)){   
  112.         arr_d=splitDate(d,true);   
  113.         result=arr_d.hh+"时"+arr_d.mm+"分"+arr_d.ss+"秒";   
  114.     }   
  115.     else if(patrn_time_22.test(fmtCode)){   
  116.         arr_d=splitDate(d);   
  117.         result=arr_d.hh+"时"+arr_d.mm+"分"+arr_d.ss+"秒";   
  118.     }   
  119.     else{   
  120.         msgBox("没有匹配的时间格式!");   
  121.         return;   
  122.     }   
  123.        
  124.    return result;   
  125. };   
  126. function splitDate(d,isZero){   
  127.     var yyyy,MM,dd,hh,mm,ss;   
  128.     if(isZero){   
  129.          yyyy=d.getYear();   
  130.          MM=(d.getMonth()+1)<10?"0"+(d.getMonth()+1):d.getMonth()+1;   
  131.          dd=d.getDate()<10?"0"+d.getDate():d.getDate();   
  132.          hh=d.getHours()<10?"0"+d.getHours():d.getHours();   
  133.          mm=d.getMinutes()<10?"0"+d.getMinutes():d.getMinutes();   
  134.          ss=d.getSeconds()<10?"0"+d.getSeconds():d.getSeconds();   
  135.     }else{   
  136.          yyyy=d.getYear();   
  137.          MM=d.getMonth()+1;   
  138.          dd=d.getDate();   
  139.          hh=d.getHours();   
  140.          mm=d.getMinutes();   
  141.          ss=d.getSeconds();     
  142.     }   
  143.     return {"yyyy":yyyy,"MM":MM,"dd":dd,"hh":hh,"mm":mm,"ss":ss};     
  144. }   
  145. function msgBox(msg){   
  146.     window.alert(msg);   
  147. }  
function DateUtil(){}
/**
*功能:格式化时间
*示例:DateUtil.Format("yyyy/MM/dd","Thu Nov 9 20:30:37 UTC+0800 2006 ");
*返回:2006/11/09
*/
DateUtil.Format=function(fmtCode,date){
    var result,d,arr_d;
    
	var patrn_now_1=/^y{4}-M{2}-d{2}\sh{2}:m{2}:s{2}$/;
	var patrn_now_11=/^y{4}-M{1,2}-d{1,2}\sh{1,2}:m{1,2}:s{1,2}$/;
	
	var patrn_now_2=/^y{4}\/M{2}\/d{2}\sh{2}:m{2}:s{2}$/;
	var patrn_now_22=/^y{4}\/M{1,2}\/d{1,2}\sh{1,2}:m{1,2}:s{1,2}$/;
	
	var patrn_now_3=/^y{4}年M{2}月d{2}日\sh{2}时m{2}分s{2}秒$/;
	var patrn_now_33=/^y{4}年M{1,2}月d{1,2}日\sh{1,2}时m{1,2}分s{1,2}秒$/;
	
	var patrn_date_1=/^y{4}-M{2}-d{2}$/;
	var patrn_date_11=/^y{4}-M{1,2}-d{1,2}$/;
	
	var patrn_date_2=/^y{4}\/M{2}\/d{2}$/;
	var patrn_date_22=/^y{4}\/M{1,2}\/d{1,2}$/;
	
	var patrn_date_3=/^y{4}年M{2}月d{2}日$/;
	var patrn_date_33=/^y{4}年M{1,2}月d{1,2}日$/;
	
    var patrn_time_1=/^h{2}:m{2}:s{2}$/;
	var patrn_time_11=/^h{1,2}:m{1,2}:s{1,2}$/;
	var patrn_time_2=/^h{2}时m{2}分s{2}秒$/;
	var patrn_time_22=/^h{1,2}时m{1,2}分s{1,2}秒$/;
	
	if(!fmtCode){fmtCode="yyyy/MM/dd hh:mm:ss";}
	if(date){
        d=new Date(date);
        if(isNaN(d)){
            msgBox("时间参数非法\n正确的时间示例:\nThu Nov 9 20:30:37 UTC+0800 2006\n或\n2006/       10/17");
            return;}
    }else{
        d=new Date();
    }

    if(patrn_now_1.test(fmtCode))
    {
    	arr_d=splitDate(d,true);
        result=arr_d.yyyy+"-"+arr_d.MM+"-"+arr_d.dd+" "+arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;
    }
    else if(patrn_now_11.test(fmtCode))
    {
    	arr_d=splitDate(d);
        result=arr_d.yyyy+"-"+arr_d.MM+"-"+arr_d.dd+" "+arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;
    }
    else if(patrn_now_2.test(fmtCode))
    {
    	arr_d=splitDate(d,true);
        result=arr_d.yyyy+"/"+arr_d.MM+"/"+arr_d.dd+" "+arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;
    }
    else if(patrn_now_22.test(fmtCode))
    {
    	arr_d=splitDate(d);
        result=arr_d.yyyy+"/"+arr_d.MM+"/"+arr_d.dd+" "+arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;
    }
    else if(patrn_now_3.test(fmtCode))
    {
    	arr_d=splitDate(d,true);
        result=arr_d.yyyy+"年"+arr_d.MM+"月"+arr_d.dd+"日"+" "+arr_d.hh+"时"+arr_d.mm+"分"+arr_d.ss+"秒";
    }
    else if(patrn_now_33.test(fmtCode))
    {
    	arr_d=splitDate(d);
        result=arr_d.yyyy+"年"+arr_d.MM+"月"+arr_d.dd+"日"+" "+arr_d.hh+"时"+arr_d.mm+"分"+arr_d.ss+"秒";
    }
    
    else if(patrn_date_1.test(fmtCode))
    {
    	arr_d=splitDate(d,true);
        result=arr_d.yyyy+"-"+arr_d.MM+"-"+arr_d.dd;
    }
    else if(patrn_date_11.test(fmtCode))
    {
    	arr_d=splitDate(d);
        result=arr_d.yyyy+"-"+arr_d.MM+"-"+arr_d.dd;
    }
    else if(patrn_date_2.test(fmtCode))
    {
    	arr_d=splitDate(d,true);
        result=arr_d.yyyy+"/"+arr_d.MM+"/"+arr_d.dd;
    }
    else if(patrn_date_22.test(fmtCode))
    {
    	arr_d=splitDate(d);
        result=arr_d.yyyy+"/"+arr_d.MM+"/"+arr_d.dd;
    }
    else if(patrn_date_3.test(fmtCode))
    {
    	arr_d=splitDate(d,true);
        result=arr_d.yyyy+"年"+arr_d.MM+"月"+arr_d.dd+"日";
    }
    else if(patrn_date_33.test(fmtCode))
    {
    	arr_d=splitDate(d);
        result=arr_d.yyyy+"年"+arr_d.MM+"月"+arr_d.dd+"日";
    }
    else if(patrn_time_1.test(fmtCode)){
        arr_d=splitDate(d,true);
        result=arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;
    }
    else if(patrn_time_11.test(fmtCode)){
        arr_d=splitDate(d);
        result=arr_d.hh+":"+arr_d.mm+":"+arr_d.ss;
    }
    else if(patrn_time_2.test(fmtCode)){
        arr_d=splitDate(d,true);
        result=arr_d.hh+"时"+arr_d.mm+"分"+arr_d.ss+"秒";
    }
    else if(patrn_time_22.test(fmtCode)){
        arr_d=splitDate(d);
        result=arr_d.hh+"时"+arr_d.mm+"分"+arr_d.ss+"秒";
    }
    else{
        msgBox("没有匹配的时间格式!");
        return;
    }
    
   return result;
};
function splitDate(d,isZero){
	var yyyy,MM,dd,hh,mm,ss;
	if(isZero){
		 yyyy=d.getYear();
    	 MM=(d.getMonth()+1)<10?"0"+(d.getMonth()+1):d.getMonth()+1;
    	 dd=d.getDate()<10?"0"+d.getDate():d.getDate();
    	 hh=d.getHours()<10?"0"+d.getHours():d.getHours();
    	 mm=d.getMinutes()<10?"0"+d.getMinutes():d.getMinutes();
    	 ss=d.getSeconds()<10?"0"+d.getSeconds():d.getSeconds();
    }else{
		 yyyy=d.getYear();
    	 MM=d.getMonth()+1;
    	 dd=d.getDate();
    	 hh=d.getHours();
    	 mm=d.getMinutes();
    	 ss=d.getSeconds();  
    }
    return {"yyyy":yyyy,"MM":MM,"dd":dd,"hh":hh,"mm":mm,"ss":ss};  
}
function msgBox(msg){
	window.alert(msg);
}

想想以前在客户端格式化时间的操作也是蛮多.晚上学习DWR之后时间有余就写了一个时间的格式化工具类,日后有空再扩展这个类
gundongdexueqiu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js通用日期格式化工具 date.js
03-05
js通用日期格式化工具，直接引用该工具类就可以使用，方便快捷，建议大家收藏此工具类，该工具很好的解决了前端页面显示日期格式问题
js 日期时间的格式化工具类
zhangxianshena的博客
06-24 746
在utils.js中封装，格式是指定好的，必须按着设置好的大小写字母来传参 如：YYYY-mm-dd HH:MM:ss function dateFormat(fmt, date) { let ret; const opt = { 'Y+': date.getFullYear().toString(), // 年 'm+': (date.getMonth() + 1).toString(), // 月 'd+': date.getDate().toString(), // 日
js 日期格式化工具类
y的博客
12-23 1283
js 日期格式化工具类 // 对Date的扩展，将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子： // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==>
常用工具——js日期格式化
wanshisuccess的博客
05-25 792
js日期格式化
（工具）Javascript 日期格式化
码地
02-02 208
【代码】（工具）Javascript 日期格式化。
Javascript和Typescript 日期格式化工具
Yiur_csdn的博客
11-08 685
'hh小时mm分ss秒'日期格式化类 - TS。
mysql date格式化工具类_JS日期处理工具类 | 学步园
weixin_39613824的博客
02-07 43
var now = new Date(); //当前日期var nowDayOfWeek = now.getDay(); //今天本周的第几天var nowDay = now.getDate(); //当前日var nowMonth = now.getMonth(); //当前月var nowYea...
js格式化日期时间工具类
solocoder的博客
06-06 2621
js格式化日期时间工具类 dateUtil.js /** * 格式化日期时间 */ export function formatDatetime(date, fmt) { if(/(y+)/.test(fmt)){ fmt = fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4-RegExp.$1.lengt...
js的时间格式化工具类
Nightliar的博客
06-02 781
function dateUtil() { } dateUtil.baseDate = 946656000; dateUtil.getDateTime = function(timeStamp) { timeStamp += dateUtil.baseDate; var date = new Date(parseInt(timeStamp) * 1000); var d1 = date
日期格式化/日期时间差等日期相关的工具类
09-25
日期格式化/日期时间差等日期相关的工具类：日期格式化，格式转换，时间差等
js时间戳格式化成日期格式的多种方法介绍
10-20
本篇文章主要介绍了js时间戳格式化成日期格式的多种方法介绍的资料,这里整理了详细的代码,有需要的小伙伴可以参考下。
c js 源代码格式化工具
06-14
是一款C\C++\Java\C#代码格式化工具，使用的是Artistic Style技术，所以在参数化命令格式源代码时，参数选项跟Artistic Style的一样。软件可以快速多种风格格式化，并对语言进行着色。界面采用Office 2007风格，并有...
JSON格式化输出
12-12
今天有个需求是对输出的JSON进行格式化 首先想到的就是jsBeautifier之类的小插件 搜索了一番看到有一位朋友回答JSON.stringify...在线JSON代码检验、检验、美化、格式化工具： http://tools.jb51.net/code/json JSON在
node-v4.8.6-win-x64.zip
05-07
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
基础运维技能（下）md格式笔记
最新发布
05-07
基础运维技能（下）md格式笔记
node-v8.1.2-linux-armv7l.tar.xz
05-07
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
黑马程序员 C语言学习笔记
05-07
持续更新
PCL-1.14.1-AllInOne-msvc2022-win64+pdb-msvc2022-win64
05-07
PCL-1.14.1-AllInOne-msvc2022-win64+pdb-msvc2022-win64
生成js日期格式化工具类
06-01
下面是一个简单的 JavaScript 日期格式化工具类： ```javascript /** * 日期格式化工具类 */ const DateFormatUtil = { /** * 格式化日期 * @param {Date} date 日期对象 * @param {string} format 格式化字符串 * @return {string} 格式化后的日期字符串 */ formatDate: function(date, format) { const o = { "M+": date.getMonth() + 1, //月份 "d+": date.getDate(), //日 "h+": date.getHours(), //小时 "m+": date.getMinutes(), //分 "s+": date.getSeconds(), //秒 "q+": Math.floor((date.getMonth() + 3) / 3), //季度 "S": date.getMilliseconds() //毫秒 }; if (/(y+)/.test(format)) { format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length)); } for (const k in o) { if (new RegExp("(" + k + ")").test(format)) { format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); } } return format; } }; ``` 该工具类提供了一个 formatDate 方法，可以将 Date 对象格式化为指定格式的字符串。使用方法如下： ```javascript const date = new Date(); const formatStr = "yyyy-MM-dd hh:mm:ss"; const formattedDate = DateFormatUtil.formatDate(date, formatStr); console.log(formattedDate); // 输出：2022-01-01 13:30:00 ``` 在上面的代码中，我们首先创建了一个 Date 对象，然后定义了一个格式化字符串 formatStr，最后调用了 DateFormatUtil.formatDate 方法将 Date 对象格式化为指定格式的字符串。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值