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 相关文章推荐
Javascript学习笔记4 Eval函数
Jan 11 Javascript
关于document.cookie的使用javascript
Oct 29 Javascript
js点击页面其它地方将某个显示的DIV隐藏
Jul 12 Javascript
往光标所在位置插入值的js代码
Sep 22 Javascript
JS实现倒计时和文字滚动的效果实例
Oct 29 Javascript
JavaScript中reduce()方法的使用详解
Jun 09 Javascript
jQuery无刷新切换主题皮肤实例讲解
Oct 21 Javascript
javascript使用Promise对象实现异步编程
Mar 01 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
Dec 15 Javascript
Angular2 组件间通过@Input @Output通讯示例
Aug 24 Javascript
webpack4打包vue前端多页面项目
Sep 17 Javascript
基于vue.js实现分页查询功能
Dec 29 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缓存用法分析
2014/12/16 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
插件:检测javascript的内存泄漏
2007/03/04 Javascript
JavaScript 数组运用实现代码
2010/04/13 Javascript
jquery中输入验证中一个不错的效果
2010/08/21 Javascript
JS获取浏览器版本及名称实现函数
2013/04/02 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
2015/10/23 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
2017/06/03 Javascript
JS实现的简单折叠展开动画效果示例
2018/04/28 Javascript
ES6 迭代器与可迭代对象的实现
2019/02/11 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
2019/09/12 Javascript
将Vue组件库更换为按需加载的方法步骤
2020/05/06 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
[01:07:19]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第一场 1月19日
2021/03/11 DOTA
Python判断文件和文件夹是否存在的方法
2015/05/21 Python
Sanic框架基于类的视图用法示例
2018/07/18 Python
Python找出微信上删除你好友的人脚本写法
2018/11/01 Python
实现Python与STM32通信方式
2019/12/18 Python
python多线程使用方法实例详解
2019/12/30 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
python使用Word2Vec进行情感分析解析
2020/07/31 Python
Python unittest discover批量执行代码实例
2020/09/08 Python
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
Java面试题汇总
2015/12/06 面试题
会计专业大学生职业生涯规划范文
2014/01/11 职场文书
揭牌仪式策划方案
2014/05/28 职场文书
门卫岗位职责说明书
2014/08/18 职场文书
2014年平安夜寄语
2014/12/08 职场文书
中小企业员工手册范本
2015/05/14 职场文书
公务员学习中国梦心得体会
2016/01/05 职场文书
导游词之临安白水涧
2019/11/05 职场文书
详解redis在微服务领域的贡献
2021/10/16 Redis
Java Spring Lifecycle的使用
2022/05/06 Java/Android
利用Python脚本写端口扫描器socket,python-nmap
2022/07/23 Python