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 必填项判断表单是否为空的方法
Sep 14 Javascript
js实现动态改变字体大小代码
Jan 02 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
Oct 16 Javascript
Javascript中arguments用法实例分析
Jun 13 Javascript
Bootstrap CSS组件之导航条(navbar)
Dec 17 Javascript
js中数组的常用方法小结
Dec 30 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
Jan 21 Javascript
详解vue 实例方法和数据
Oct 23 Javascript
vue2.0 实现导航守卫(路由守卫)
May 21 Javascript
6种JavaScript继承方式及优缺点(小结)
Feb 06 Javascript
JS实现长图上下滚动效果
Mar 19 Javascript
详解JavaScript数据类型和判断方法
Sep 04 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
IIS6.0中配置php服务全过程解析
2013/08/07 PHP
destoon实现首页显示供应、企业、资讯条数的方法
2014/07/15 PHP
ThinkPHP提交表单时默认自动转义的解决方法
2014/11/25 PHP
php的mail函数发送UTF-8编码中文邮件时标题乱码的解决办法
2015/10/20 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
Laravel 5.5 实现禁用用户注册示例
2019/10/24 PHP
菜单效果
2006/10/14 Javascript
JavaScript语法着色引擎(demo及打包文件下载)
2007/06/13 Javascript
setTimeout内不支持jquery的选择器的解决方案
2015/04/28 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
3种vue路由传参的基本模式
2018/02/22 Javascript
vue.js 获取select中的value实例
2018/03/01 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
vue ajax 拦截原理与实现方法示例
2019/11/29 Javascript
原生JS实现pc端轮播图效果
2020/12/21 Javascript
[04:26]2014DOTA2西雅图国际邀请赛 总决赛TOPPLAY
2014/07/22 DOTA
[00:59]DOTA2背景故事第二期之四大基本法则
2020/07/07 DOTA
python实现进程间通信简单实例
2014/07/23 Python
Python and、or以及and-or语法总结
2015/04/14 Python
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
Python编程实现双击更新所有已安装python模块的方法
2017/06/05 Python
Django1.9 加载通过ImageField上传的图片方法
2018/05/25 Python
使用python进行文本预处理和提取特征的实例
2018/06/05 Python
PyCharm2018 安装及破解方法实现步骤
2019/09/09 Python
Python可变对象与不可变对象原理解析
2020/02/25 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
HOTEL INFO英国:搜索全球酒店
2019/08/08 全球购物
网络工程专业毕业生推荐信
2013/10/28 职场文书
《两只鸟蛋》教学反思
2014/02/10 职场文书
《小草和大树》教学反思
2014/02/16 职场文书
4s店市场专员岗位职责
2014/04/09 职场文书
党的群众路线教育实践活动个人对照检查材料(乡镇)
2014/11/05 职场文书
2014年客房服务员工作总结
2014/11/18 职场文书
三国演义读书笔记
2015/06/25 职场文书
百日宴上的祝酒词
2015/08/10 职场文书