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


Posted in Javascript onJuly 22, 2018

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

例如:

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里面的时间类处理的办法  
}

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

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

Javascript 相关文章推荐
javascript 数据类型转换(parseInt,parseFloat)
Jul 20 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
Dec 30 Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
jQuery获取对象简单实现方法小结
Oct 30 Javascript
JavaScript使用addEventListener添加事件监听用法实例
Jun 01 Javascript
使用three.js 画渐变的直线
Jun 05 Javascript
Bootstrap导航中表单简单实现代码
Mar 06 Javascript
node.js中grunt和gulp的区别详解
Jul 17 Javascript
javascript显示动态时间的方法汇总
Jul 06 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 Javascript
微信小程序开发之自定义tabBar的实现
Sep 06 Javascript
详解vue axios二次封装
Jul 22 #Javascript
Node.js命令行/批处理中如何更改Linux用户密码浅析
Jul 22 #Javascript
Angular中sweetalert弹框的基本使用教程
Jul 22 #Javascript
5分钟学会Vue动画效果(小结)
Jul 21 #Javascript
详解从Vue-router到html5的pushState
Jul 21 #Javascript
JS实现面向对象继承的5种方式分析
Jul 21 #Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
Jul 21 #Javascript
You might like
PHP多维数组元素操作类的方法
2016/11/14 PHP
php中static 静态变量和普通变量的区别
2016/12/01 PHP
[原创]站长必须要知道的javascript广告代码
2007/05/30 Javascript
IE8对JS通过属性和数组遍历解析不一样的地方探讨
2013/05/06 Javascript
js 自定义个性下拉选择框示例
2013/08/20 Javascript
JavaScript中常用的六种互动方法示例
2015/03/13 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
2017/01/22 Javascript
基于Node的React图片上传组件实现实例代码
2017/05/10 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
js轮播图的插件化封装详解
2017/07/17 Javascript
webpack中如何使用雪碧图的示例代码
2018/11/11 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
2019/02/20 jQuery
搭建Vue从Vue-cli到router路由护卫的实现
2019/11/14 Javascript
Python 3中print函数的使用方法总结
2017/08/08 Python
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
python 自定义异常和异常捕捉的方法
2018/10/18 Python
python绘制热力图heatmap
2020/03/23 Python
python实现抽奖小程序
2020/04/15 Python
java判断三位数的实例讲解
2019/06/10 Python
Python集合基本概念与相关操作实例分析
2019/10/30 Python
Python打开文件、文件读写操作、with方式、文件常用函数实例分析
2020/01/07 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
pycharm快捷键汇总
2020/02/14 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
python利用蒙版抠图(使用PIL.Image和cv2)输出透明背景图
2020/08/04 Python
Qoo10马来西亚:全球时尚和引领潮流的购物市场
2016/08/25 全球购物
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
《小草和大树》教学反思
2014/02/16 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
真诚的求职信
2014/07/04 职场文书
纺织工程专业推荐信
2014/09/08 职场文书
硕士毕业答辩开场白
2015/05/27 职场文书
于丹讲座视频观后感
2015/06/15 职场文书
python实现自定义日志的具体方法
2021/05/28 Python
V Rising 服务器搭建图文教程
2022/06/16 Servers