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 21 Javascript
javascript之AJAX框架使用说明
Apr 24 Javascript
js获取指定的cookie的具体实现
Feb 20 Javascript
Javascript闭包用法实例分析
Jan 23 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
JavaScript数据结构与算法之链表
Jan 29 Javascript
Jquery中map函数的用法
Jun 03 Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 Javascript
高效的jQuery代码编写技巧总结
Feb 22 Javascript
纯js实现动态时间显示
Sep 07 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 Javascript
Vue实现小购物车功能
Dec 21 Vue.js
详解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正则过滤html标签、空格、换行符的代码(附说明)
2010/10/25 PHP
解析php php_openssl.dll的作用
2013/07/01 PHP
Codeigniter通过SimpleXML将xml转换成对象的方法
2015/03/19 PHP
php 多文件上传的实现实例
2016/10/23 PHP
jQuery之end()和pushStack()使用介绍
2012/02/07 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
2015/05/12 Javascript
jQuery实现高亮显示网页关键词的方法
2015/08/07 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
2016/04/29 Javascript
jQuery实现图片滑动效果
2017/03/08 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
完美解决linux下node.js全局模块找不到的情况
2018/05/16 Javascript
微信jssdk逻辑在vue中的运用详解
2018/11/14 Javascript
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
Flutter实现仿微信底部菜单栏功能
2019/09/18 Javascript
iSlider手机端图片滑动切换插件使用详解
2019/12/24 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
Python模块学习 re 正则表达式
2011/05/19 Python
Python使用pymysql小技巧
2017/06/04 Python
Python实现抓取网页生成Excel文件的方法示例
2017/08/05 Python
django rest framework之请求与响应(详解)
2017/11/06 Python
对变量赋值的理解--Pyton中让两个值互换的实现方法
2017/11/29 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
python 利用turtle库绘制笑脸和哭脸的例子
2019/11/23 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
解决python中0x80072ee2错误的方法
2020/07/19 Python
python中xlrd模块的使用详解
2021/02/01 Python
万宝龙英国官网:Montblanc手表、书写工具、皮革和珠宝
2018/10/16 全球购物
Clarks其乐鞋荷兰官网:Clarks荷兰
2019/07/05 全球购物
幼儿园运动会加油词
2014/02/14 职场文书
农民工工资支付承诺函
2014/03/31 职场文书
中秋节主持词
2014/04/02 职场文书
小学红领巾广播稿(3篇)
2014/09/13 职场文书
2016年三严三实党课学习心得体会
2016/01/06 职场文书
如何制定销售人员薪酬制度?
2019/07/09 职场文书