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 CSS菜单功能 改进版
Dec 20 Javascript
javascript getElementsByTagName
Jan 31 Javascript
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
Feb 27 Javascript
jQuery中的val()示例应用
Feb 26 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
Jan 07 Javascript
谈谈第三方App接入微信登录 解读
Dec 27 Javascript
JS字符串按逗号和回车分隔的方法
Apr 25 Javascript
javascript计算渐变颜色的实例
Sep 22 Javascript
vue中如何创建多个ueditor实例教程
Nov 14 Javascript
vue2实现可复用的轮播图carousel组件详解
Nov 27 Javascript
微信小程序实现自上而下字幕滚动
Jul 14 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
Sep 05 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+AJAX聊天程序[聊天室]提供下载
2007/07/21 PHP
php的curl实现get和post的代码
2008/08/23 PHP
PHP提取数据库内容中的图片地址并循环输出
2010/03/21 PHP
php fsockopen伪造post与get方法的详解
2013/06/14 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
一个JS的日期格式化算法示例
2013/07/31 Javascript
页面加载完毕后滚动条自动滚动一定位置
2014/02/20 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
学好js,这些js函数概念一定要知道【推荐】
2017/01/19 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
说说Vue.js中的functional函数化组件的使用
2019/02/12 Javascript
使用Angular material主题定义自己的组件库的配色体系
2019/09/04 Javascript
vue实现数据控制视图的原理解析
2020/01/07 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
2020/10/30 Javascript
python实现simhash算法实例
2014/04/25 Python
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
解决python执行不输出系统命令弹框的问题
2019/06/24 Python
Python面向对象之Web静态服务器
2019/09/03 Python
解决Python二维数组赋值问题
2019/11/28 Python
解决django FileFIELD的编码问题
2020/03/30 Python
Pycharm中安装Pygal并使用Pygal模拟掷骰子(推荐)
2020/04/08 Python
python 录制系统声音的示例
2020/12/21 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
美国电子产品折扣网站:Daily Steals
2017/05/20 全球购物
工程技术员岗位职责
2014/03/02 职场文书
离婚财产处理协议书
2014/09/30 职场文书
文员岗位职责
2015/02/04 职场文书
放假通知
2015/04/14 职场文书
心理学培训心得体会
2016/01/22 职场文书
八年级作文之我的母亲
2019/12/10 职场文书
mysql中整数数据类型tinyint详解
2021/12/06 MySQL