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 相关文章推荐
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
Jun 10 Javascript
基于jQuery的图片不完全按比例自动缩小
Jul 11 Javascript
详解jQuery Mobile自定义标签
Jan 06 Javascript
利用Javascript仿Excel的数据透视分析功能
Sep 07 Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 Javascript
canvas 实现中国象棋
Feb 17 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
Jul 12 Javascript
关于vue单文件中引用路径的处理方法
Jan 08 Javascript
基于openlayers4实现点的扩散效果
Aug 17 Javascript
AngularJS动态添加数据并删除的实例
Feb 27 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 和 XML: 使用expat函数(一)
2006/10/09 PHP
elgg 获取文件图标地址的方法
2010/03/20 PHP
PHP数据分析引擎计算余弦相似度算法示例
2017/08/08 PHP
详解JavaScript中undefined与null的区别
2014/03/29 Javascript
JavaScript获取页面中表单(form)数量的方法
2015/04/03 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
js判断一个对象是数组(函数)的方法实例
2019/12/19 Javascript
vue中使用vue-print.js实现多页打印
2020/03/05 Javascript
JS监听组合按键思路及实现过程
2020/04/17 Javascript
Vue this.$router.push(参数)实现页面跳转操作
2020/09/09 Javascript
[02:02]DOTA2英雄基础教程 斯拉达
2013/12/11 DOTA
[01:56]2014DOTA2西雅图邀请赛 MVP外卡赛老队长精辟点评
2014/07/09 DOTA
python实现360皮肤按钮控件示例
2014/02/21 Python
python中bisect模块用法实例
2014/09/25 Python
python实现2048小游戏
2015/03/30 Python
Python Flask-web表单使用详解
2017/11/18 Python
python实现log日志的示例代码
2018/04/28 Python
python 读取txt中每行数据,并且保存到excel中的实例
2018/04/29 Python
python实现电子产品商店
2019/02/26 Python
python给指定csv表格中的联系人群发邮件(带附件的邮件)
2019/12/31 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
html5指南-3.如何实现html元素拖拽功能
2013/01/07 HTML / CSS
草莓巧克力:Shari’s Berries
2017/02/07 全球购物
以实惠的价格提供高品质的时尚:Newchic
2018/01/18 全球购物
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
美国传奇滑手Paul Rodriguez创办的街头滑板品牌:Primitive Skateboarding
2019/10/29 全球购物
xxx同志考察材料
2014/02/07 职场文书
2014年国庆节庆祝建国65周年比赛演讲稿
2014/09/21 职场文书
大三学年自我鉴定范文(3篇)
2014/09/28 职场文书
师德标兵事迹材料
2014/12/19 职场文书
护士求职简历自我评价
2015/03/10 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
Python实现随机生成迷宫并自动寻路
2021/06/13 Python
JavaScript实现外溢动态爱心的效果的示例代码
2022/03/21 Javascript
Android开发之底部导航栏的快速实现
2022/04/28 Java/Android