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 相关文章推荐
二级域名转向类
Nov 09 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
Oct 10 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
JavaScript自定义数组排序方法
Feb 12 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
Dec 19 Javascript
10道典型的JavaScript面试题
Mar 22 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 jQuery
js实现二级菜单点击显示当前内容效果
Apr 28 Javascript
解决vue keep-alive 数据更新的问题
Sep 21 Javascript
Angular value与ngValue区别详解
Nov 27 Javascript
Vue3配置axios跨域实现过程解析
Nov 25 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 魔术函数使用说明
2010/02/21 PHP
PHP 魔术函数使用说明
2010/05/14 PHP
基于header的一些常用指令详解
2013/06/06 PHP
php基于openssl的rsa加密解密示例
2016/07/11 PHP
PHP实现的简单操作SQLite数据库类与用法示例
2017/06/19 PHP
js利用Array.splice实现Array的insert/remove
2009/01/13 Javascript
Javascript this指针
2009/07/30 Javascript
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
js 强制弹出窗口代码研究-又一款代码
2010/03/20 Javascript
让textarea自动调整大小的js代码
2011/04/12 Javascript
JS鼠标事件大全 推荐收藏
2011/11/01 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
2012/03/01 Javascript
js查找某元素中的所有图片地址的方法
2014/01/16 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
jquery读写cookie操作实例分析
2015/12/24 Javascript
移动端横屏的JS代码(beta)
2016/05/16 Javascript
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
利用jquery如何从json中读取数据追加到html中
2017/12/01 jQuery
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
2019/09/10 Javascript
Vue分页插件的前后端配置与使用
2019/10/09 Javascript
JS实现小星星特效
2019/12/24 Javascript
对python多线程与global变量详解
2018/11/09 Python
Python2和Python3的共存和切换使用
2019/04/12 Python
python-django中的APPEND_SLASH实现方法
2019/06/21 Python
python 反编译exe文件为py文件的实例代码
2019/06/27 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
解决Python中回文数和质数的问题
2019/11/24 Python
pytorch制作自己的LMDB数据操作示例
2019/12/18 Python
关于python3.9安装wordcloud出错的问题及解决办法
2020/11/02 Python
使用Pytorch搭建模型的步骤
2020/11/16 Python
python 实现图片批量压缩的示例
2020/12/18 Python
纯CSS3实现运行时钟的示例代码
2021/01/25 HTML / CSS
荷兰最大的儿童服装店:The Kids Republic
2019/04/13 全球购物
货物运输服务质量承诺书
2014/05/29 职场文书
2019年自助餐厅创业计划书模板
2019/08/22 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python