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 页面内容搜索,类似于 Ctrl+F功能的实现代码
Aug 13 Javascript
javascript实现二分查找法实现代码
Nov 12 Javascript
eval与window.eval的差别分析
Mar 17 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
Jan 06 Javascript
js实现文本框选中的方法
May 26 Javascript
关于JS中的方法是否加括号的问题
Jul 27 Javascript
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
Vue.js实例方法之生命周期详解
Jul 03 Javascript
深入理解ES6之数据解构的用法
Jan 13 Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 Javascript
详解JWT token心得与使用实例
Aug 02 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
Nov 12 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
模板引擎Smarty深入浅出介绍
2006/12/06 PHP
php设置静态内容缓存时间的方法
2014/12/01 PHP
Smarty环境配置与使用入门教程
2016/05/11 PHP
jsvascript图像处理—(计算机视觉应用)图像金字塔
2013/01/15 Javascript
利用NodeJS和PhantomJS抓取网站页面信息以及网站截图
2013/11/18 NodeJs
JavaScript Math.ceil 方法(对数值向上取整)
2015/01/09 Javascript
jQuery实现3D文字特效的方法
2015/03/10 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
2015/10/24 Javascript
如何利用AngularJS打造一款简单Web应用
2015/12/05 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
2016/05/12 Javascript
jQuery文字提示与图片提示效果实现方法
2016/07/04 Javascript
JavaScript实现前端实时搜索功能
2020/03/26 Javascript
jQuery操作之效果详解
2017/05/19 jQuery
Js利用console计算代码运行时间的方法示例
2017/09/24 Javascript
微信小程序系列之自定义顶部导航功能
2019/05/21 Javascript
React Hooks 实现和由来以及解决的问题详解
2020/01/17 Javascript
在vue中获取wangeditor的html和text的操作
2020/10/23 Javascript
vue-cli中实现响应式布局的方法
2021/03/02 Vue.js
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
numpy matrix和array的乘和加实例
2018/06/28 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
Python日志logging模块功能与用法详解
2020/04/09 Python
jupyter notebook读取/导出文件/图片实例
2020/04/16 Python
Django静态文件加载失败解决方案
2020/08/26 Python
PyCharm上安装Package的实现(以pandas为例)
2020/09/18 Python
成人毕业生自我鉴定
2013/10/18 职场文书
医药营销个人求职信范文
2014/02/07 职场文书
小学三八妇女节活动方案
2014/03/16 职场文书
五分钟演讲稿
2014/04/30 职场文书
火灾现场处置方案
2014/05/28 职场文书
交警失职检讨书
2015/01/26 职场文书
中学总务处工作总结
2015/08/12 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
三好学生主要事迹怎么写
2015/11/03 职场文书
三严三实·严以修身心得体会
2016/01/15 职场文书