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注释所产生的bug 即使注释也会执行
Nov 19 Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 Javascript
jquery中filter方法用法实例分析
Feb 06 Javascript
JavaScript解析JSON格式数据的方法示例
Jan 24 Javascript
基于VUE.JS的移动端框架Mint UI的使用
Oct 11 Javascript
JS运动特效之任意值添加运动的方法分析
Jan 24 Javascript
vue生命周期和react生命周期对比【推荐】
Sep 19 Javascript
在vue中v-bind使用三目运算符绑定class的实例
Sep 29 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
Jun 27 Javascript
JavaScript实现打砖块游戏
Feb 25 Javascript
JQuery复选框全选效果如何实现
May 08 jQuery
详解JS数组方法
Nov 20 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正则匹配汉字的方法介绍
2013/04/25 PHP
php5.3提示Function ereg() is deprecated Error问题解决方法
2014/11/12 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
PHP类的特性实例分析
2016/09/28 PHP
PHP实现负载均衡下的session共用功能
2018/04/17 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
php和js实现根据子网掩码和ip计算子网功能示例
2019/11/09 PHP
javascript判断单选框或复选框是否选中方法集锦
2007/04/04 Javascript
javascript cookies操作集合
2010/04/12 Javascript
js事件冒泡实例分享(已测试)
2013/04/23 Javascript
如何使用jQUery获取选中radio对应的值(一句代码)
2013/06/03 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
JavaScript 事件入门知识
2015/04/13 Javascript
JS 中LocalStorage和SessionStorage的使用
2017/08/17 Javascript
vue自定义全局共用函数详解
2018/09/18 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
2019/11/05 Javascript
Vue实现多标签选择器
2019/11/28 Javascript
ES2020 已定稿,真实场景案例分析
2020/05/25 Javascript
详解Python设计模式编程中观察者模式与策略模式的运用
2016/03/02 Python
python3 图片 4通道转成3通道 1通道转成3通道 图片压缩实例
2019/12/03 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
详解Python的三种拷贝方式
2020/02/11 Python
Python函数基本使用原理详解
2020/03/19 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
澳大利亚首屈一指的鞋类品牌:Tony Bianco
2018/03/13 全球购物
阿迪达斯希腊官方网上商店:adidas希腊
2019/04/06 全球购物
全球异乡人的跨境社交电商平台:Kouhigh口嗨网
2020/07/24 全球购物
编辑个人求职信范文
2013/09/21 职场文书
公司年会晚宴演讲稿
2014/01/06 职场文书
青年文明号口号
2014/06/17 职场文书
水利专业大学生职业生涯规划书范文
2014/09/17 职场文书
单位员工收入证明样本
2014/10/09 职场文书
关于幸福的感言
2015/08/03 职场文书
2016年重阳节慰问信
2015/12/01 职场文书
十大冰系宝可梦排名,颜值最高的阿罗拉九尾,第三使用率第一
2022/03/18 日漫