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 相关文章推荐
Web层改进II-用xmlhttp 无声息提交复杂表单
Jan 22 Javascript
Jquery中getJSON在asp.net中的使用说明
Mar 10 Javascript
Jquery判断IE6等浏览器的代码
Apr 05 Javascript
window.dialogArguments 使用说明
Apr 11 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
Jul 08 Javascript
基于javascript 闭包基础分享
Jul 10 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
Aug 13 Javascript
JS跨域问题详解
Nov 25 Javascript
javascript中checkbox使用方法实例演示
Nov 19 Javascript
关于RequireJS的简单介绍即使用方法
Oct 20 Javascript
JavaScript使用Ajax上传文件的示例代码
Aug 10 Javascript
highcharts 在angular中的使用示例代码
Sep 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教程孙仲岳主讲
2008/01/07 PHP
php 禁止页面缓存输出
2009/01/07 PHP
php集成环境xampp中apache无法启动问题解决方案
2014/11/18 PHP
用js实现的抽象CSS圆角效果!!
2007/05/03 Javascript
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
2010/09/12 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
2015/06/18 Javascript
javascript控制台详解
2015/06/25 Javascript
weex里Vuex state使用storage持久化详解
2017/09/09 Javascript
JS鼠标3次点击事件实现代码及扩展思路
2017/09/12 Javascript
详解Vue2 SSR 缓存 Api 数据
2017/11/20 Javascript
javascript字体颜色控件的开发 JS实现字体控制
2017/11/27 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
2018/09/08 Javascript
解决vue中el-tab-pane切换的问题
2020/07/19 Javascript
[02:44]2014DOTA2 国际邀请赛中国区预选赛 大神红毯秀
2014/05/25 DOTA
python实现自动发送邮件发送多人、群发、多附件的示例
2018/01/23 Python
python爱心表白 每天都是浪漫七夕!
2018/08/18 Python
python中如何写类
2020/06/29 Python
PyCharm设置注释字体颜色以及是否倾斜的操作
2020/09/16 Python
通过代码实例了解Python3编程技巧
2020/10/13 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
悦木之源美国官网:Origins美国
2016/08/01 全球购物
奥斯汀独木舟和皮划艇:Austin Canoe & Kayak
2018/05/22 全球购物
System.Array.CopyTo()和System.Array.Clone()有什么区别
2016/06/20 面试题
金属材料工程个人求职的自我评价
2013/12/04 职场文书
车间工艺员岗位职责
2013/12/09 职场文书
小学生家长评语大全
2014/02/10 职场文书
垃圾分类的活动方案
2014/08/15 职场文书
2014年综合治理工作总结
2014/11/20 职场文书
2014年统计工作总结
2014/11/21 职场文书
孔庙导游词
2015/02/04 职场文书
施工员岗位职责范本
2015/04/11 职场文书
党支部考察意见范文
2015/06/02 职场文书
领导激励员工的演讲稿,各种会上用得到,建议收藏
2019/08/13 职场文书
一篇文章弄懂Python中的内建函数
2021/08/07 Python
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js