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 相关文章推荐
比Jquery的document.ready更快的方法
Apr 28 Javascript
JS清空多文本框、文本域示例代码
Feb 24 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
Oct 28 Javascript
如何消除inline-block属性带来的标签间间隙
Mar 31 Javascript
JS+Canvas绘制时钟效果
Aug 20 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
Aug 31 Javascript
jquery 中toggle的2种用法详解(推荐)
Sep 02 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
Sep 28 Javascript
详解离线安装npm包的几种方法
Nov 25 Javascript
vue单页应用的内存泄露定位和修复问题小结
Aug 02 Javascript
Vue3.0数据响应式原理详解
Oct 09 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
Jun 28 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
Mysql的常用命令
2006/10/09 PHP
php中导出数据到excel时数字变为科学计数的解决方法
2013/02/03 PHP
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
基于php中echo用逗号和用点号的区别详解
2018/01/23 PHP
php实现微信公众号创建自定义菜单功能的实例代码
2019/06/11 PHP
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
2014/05/02 Javascript
js实现ArrayList功能附实例代码
2014/10/29 Javascript
详解nodeJS中读写文件方法的区别
2017/03/06 NodeJs
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
phantomjs导出html到pdf的方法总结
2017/10/19 Javascript
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
2019/05/15 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
[00:50]2014DOTA2国际邀请赛 NEWBEE战队回顾
2014/08/01 DOTA
[01:44]Ti10举办地公布
2019/08/25 DOTA
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
Python如何基于rsa模块实现非对称加密与解密
2020/01/03 Python
django model object序列化实例
2020/03/13 Python
Python基于QQ邮箱实现SSL发送
2020/04/26 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
详解python metaclass(元类)
2020/08/13 Python
html5嵌入内容_动力节点Java学院整理
2017/07/07 HTML / CSS
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
html5默认气泡修改的代码详解
2020/03/13 HTML / CSS
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
介绍一下EJB的体系结构
2012/08/01 面试题
法学专业应届生求职信
2013/10/16 职场文书
毕业生个人的求职信范文
2013/12/03 职场文书
优秀毕业自我鉴定
2014/02/15 职场文书
学校勤俭节约倡议书
2015/04/29 职场文书
同事欢送会致辞
2015/07/31 职场文书
深入解析MySQL索引数据结构
2021/10/16 MySQL