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 相关文章推荐
JS 常用校验函数
Mar 26 Javascript
jQuery中:lt选择器用法实例
Dec 29 Javascript
jQuery中parentsUntil()方法用法实例
Jan 07 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
Mar 02 Javascript
JavaScript框架是什么?怎样才能叫做框架?
Jul 01 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
Dec 12 Javascript
Javascript实现页面滚动时导航智能定位
May 06 Javascript
webpack踩坑之路图片的路径与打包
Sep 05 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
Koa2微信公众号开发之消息管理
May 16 Javascript
JS实现简单随机3D骰子
Oct 24 Javascript
JS快速实现简单计算器
Apr 08 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
第十三节 对象串行化 [13]
2006/10/09 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
RR vs IO BO3 第二场2.13
2021/03/10 DOTA
Save a File Using a File Save Dialog Box
2007/06/18 Javascript
JavaScript Event学习第五章 高级事件注册模型
2010/02/07 Javascript
jQuery判断元素是否是隐藏的代码
2011/04/24 Javascript
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
2011/04/27 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
jquery实现图片滚动效果的简单实例
2013/11/23 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
jQuery 调用WebService 实例讲解
2016/06/28 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
JavaScript Uploadify文件上传实例
2017/02/28 Javascript
javascript实现动态显示颜色块的报表效果
2017/04/10 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
2017/04/25 Javascript
详解Vue源码学习之双向绑定
2019/04/10 Javascript
Python中使用Boolean操作符做真值测试实例
2015/01/30 Python
Python使用scrapy抓取网站sitemap信息的方法
2015/04/08 Python
Python判断变量是否为Json格式的字符串示例
2017/05/03 Python
python入门教程 python入门神图一张
2018/03/05 Python
Python if语句知识点用法总结
2018/06/10 Python
python 实现图片修复(可用于去水印)
2020/11/19 Python
numpy实现RNN原理实现
2021/03/02 Python
Lookfantastic西班牙官网:英国知名美妆购物网站
2018/06/13 全球购物
英国Iceland杂货店:网上食品购物
2020/12/16 全球购物
实习教师个人的自我评价
2013/11/08 职场文书
自我评价如何写好?
2014/01/05 职场文书
身边的榜样活动方案
2014/08/20 职场文书
运动会跳远广播稿5篇
2014/09/17 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
大学生党员自我批评思想汇报
2014/10/10 职场文书
社区党的群众路线教育实践活动总结材料
2014/10/31 职场文书
英文慰问信范文
2015/03/24 职场文书
商场营业员岗位职责
2015/04/14 职场文书
大学生如何逃脱“毕业季创业队即散伙”魔咒?
2019/08/19 职场文书