js中时间格式化的几种方法

 更新时间:2018年07月22日 19:08:27   作者:最是那一低头温柔  
这篇文章给大家分享了关于js中时间格式化的几种方法,有需要的朋友们可以参考学习下。

项目中时间返回值,很过时候为毫秒值,我们需要转换成 能够看懂的时间的格式;

例如:

yyyy-MM-dd HH:mm:ss

2.处理方法(处理方法有多种,可以传值到前端处理,也可以后台可以好之后再传递到页面)

方法一:实体类中添加时间转换注解(注意时区问题)

/**
  * 开始时间
  */
 @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone="GMT+8")
 private Date startTime;

方法二:js处理

{
     field : 'crtTime',
     title : '创建时间',
     width : 100,
     sortable :true,
     align : 'center',
     formatter : crtTimeFtt
    },
function crtTimeFtt(val, row) {
 if (val != null) {
   var date = new Date(val);
   return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
  }
}

方法三:JS处理(创建公共类方法)

/**************************************时间格式化处理************************************/
function dateFtt(fmt,date) 
{ //author: meizz 
 var 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(fmt)) 
 fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length)); 
 for(var k in o) 
 if(new RegExp("("+ k +")").test(fmt)) 
 fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length))); 
 return fmt; 
} 

相应JS文件里面的引用

//创建时间格式化显示
function crtTimeFtt(value,row,index){
 var crtTime = new Date(value);
 return top.dateFtt("yyyy-MM-dd hh:mm:ss",crtTime);//直接调用公共JS里面的时间类处理的办法  
}

3.总结:实现时间转换的方法有多种,怎样方便,达到项目的要求,就可

相关文章

  • 让IE支持RGBa的背景色的代码

    让IE支持RGBa的背景色的代码

    老版本的IE不支持RGBa的背景色,不过我们可以用滤镜实现同样的效果。
    2010-07-07
  • JavaScript实现定时隐藏与显示图片的方法

    JavaScript实现定时隐藏与显示图片的方法

    这篇文章主要介绍了JavaScript实现定时隐藏与显示图片的方法,可实现javascript定时关闭图片的功能,涉及javascript针对页面元素属性定时操作的相关技巧,需要的朋友可以参考下
    2015-08-08
  • 扫微信小程序码实现网站登陆实现解析

    扫微信小程序码实现网站登陆实现解析

    这篇文章主要介绍了扫微信小程序码实现网站登陆实现解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • JS组件封装之监听localStorage的变化

    JS组件封装之监听localStorage的变化

    这篇文章主要介绍了JS组件封装之监听localStorage的变化,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-09-09
  • 小程序实现简单的计算器

    小程序实现简单的计算器

    这篇文章主要为大家详细介绍了小程序实现简单的计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-07
  • JavaScript async/await原理及实例解析

    JavaScript async/await原理及实例解析

    这篇文章主要介绍了JavaScript async/await原理及实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-12-12
  • JS实现的JSON序列化操作简单示例

    JS实现的JSON序列化操作简单示例

    这篇文章主要介绍了JS实现的JSON序列化操作,结合简单实例形式分析了json序列化操作相关实现方法与相关注意事项,代码备有较为详尽的注释便于理解,需要的朋友可以参考下
    2018-07-07
  • js仿京东轮播效果 选项卡套选项卡使用

    js仿京东轮播效果 选项卡套选项卡使用

    这篇文章主要为大家详细介绍了js仿京东轮播效果,选项卡里套选项卡,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • js导出格式化的excel 实例方法

    js导出格式化的excel 实例方法

    最常见的方式是使用js函数操作excle文件,这种方式可能因浏览器不同,存在兼容性问题。另一种简单方法就是导出一个excel能识别格式的xml文件,用excel打开。
    2013-07-07
  • 详解JavaScript中return的用法

    详解JavaScript中return的用法

    这篇文章主要介绍了JavaScript中return的用法,包括return定义,写法等方面的知识,需要的朋友可以参考下
    2017-05-05

最新评论