js时间戳转yyyy-MM-dd HH-mm-ss工具类详解


Posted in Javascript onApril 30, 2019

在web开发中,我们经常需要用js将时间戳转yyyy-MM-dd HH-mm-ss类似的格式,这样才适合我们的观感,那么我们该如何在js中将时间戳转换成这种格式呢?其实很简单,我们开发一个时间戳工具类,如下:

第一种:最简单的是一个js时间格式的转换函数方法

function formatDateTime(inputTime) { 
 var date = new Date(inputTime);
 var y = date.getFullYear(); 
 var m = date.getMonth() + 1; 
 m = m < 10 ? ('0' + m) : m; 
 var d = date.getDate(); 
 d = d < 10 ? ('0' + d) : d; 
 var h = date.getHours();
 h = h < 10 ? ('0' + h) : h;
 var minute = date.getMinutes();
 var second = date.getSeconds();
 minute = minute < 10 ? ('0' + minute) : minute; 
 second = second < 10 ? ('0' + second) : second; 
 return y + '-' + m + '-' + d+' '+h+':'+minute+':'+second; 
};

然后这样在jsp或html页面调用这个js时间转换方法就可以了:

formatDateTime(inputTime);

第二种:在js工具类中定义js时间戳转换方法,如下(包含了js工具类的定义方法,“return”一定要有哦!):

var tool = (function ($) {
 var formatDateTime = function (inputTime) { 
 	var date = new Date(inputTime);
  var y = date.getFullYear(); 
  var m = date.getMonth() + 1; 
  m = m < 10 ? ('0' + m) : m; 
  var d = date.getDate(); 
  d = d < 10 ? ('0' + d) : d; 
  var h = date.getHours();
  h = h < 10 ? ('0' + h) : h;
  var minute = date.getMinutes();
  var second = date.getSeconds();
  minute = minute < 10 ? ('0' + minute) : minute; 
  second = second < 10 ? ('0' + second) : second; 
  return y + '-' + m + '-' + d+' '+h+':'+minute+':'+second; 
 }; 
 
 return { 
  formatDateTime : formatDateTime //最后一行不要有逗号
 };
})(jQuery);

在jsp或html中调用js时间戳转换方法:

�core.formatDateTime(o.beginDate);�

以上所述是小编给大家介绍的js时间戳转yyyy-MM-dd HH-mm-ss工具类详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 Javascript
JavaScript 基本概念
Jan 20 Javascript
jQuery实现流动虚线框的方法
Jan 29 Javascript
JQuery实现可直接编辑的表格
Apr 16 Javascript
js兼容火狐获取图片宽和高的方法
May 21 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
Oct 10 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
Sep 14 Javascript
ES6基础之解构赋值(destructuring assignment)
Feb 21 Javascript
如何获取vue单文件自身源码路径
May 06 Javascript
小程序实现横向滑动日历效果
Oct 21 Javascript
es6函数name属性功能与用法实例分析
Apr 18 Javascript
原生JS实现汇率转换功能代码实例
May 13 Javascript
Javascript读取上传文件内容/类型/字节数
Apr 30 #Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
Apr 30 #Javascript
vue+web端仿微信网页版聊天室功能
Apr 30 #Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 #Javascript
详解iframe跨域的几种常用方法(小结)
Apr 29 #Javascript
详解JS实现系统登录页的登录和验证
Apr 29 #Javascript
实例详解vue中的$root和$parent
Apr 29 #Javascript
You might like
php自动加载autoload机制示例分享
2014/02/20 PHP
PHP数组中头部和尾部添加元素的方法(array_unshift,array_push)
2017/04/10 PHP
tp5框架内使用tp3.2分页的方法分析
2019/05/05 PHP
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
在Javascript操作JSON对象,增加 删除 修改的简单实现
2016/06/02 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
2018/08/10 Javascript
Vue.directive使用注意(小结)
2018/08/31 Javascript
小程序云开发初探(小结)
2018/10/24 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
jQuery事件多次绑定与解绑问题实例分析
2019/02/19 jQuery
详解Vue 全局变量,局部变量
2019/04/17 Javascript
用VsCode编辑TypeScript的实现方法
2020/05/07 Javascript
部署vue+Springboot前后端分离项目的步骤实现
2020/05/31 Javascript
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
[01:50]WODOTA制作 DOTA2中文宣传片《HERO》
2013/04/28 DOTA
[39:19]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第二场 11.26
2020/11/30 DOTA
python单线程实现多个定时器示例
2014/03/30 Python
Python循环语句之break与continue的用法
2015/10/14 Python
python实现将汉字保存成文本的方法
2018/11/16 Python
[原创]赚疯了!转手立赚800+?大佬的python「抢茅台脚本」使用教程
2021/01/12 Python
HTML5移动端开发中的Viewport标签及相关CSS用法解析
2016/04/15 HTML / CSS
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
Reebonz中国官网:新加坡奢侈品购物网站
2017/03/17 全球购物
BrandAlley英国:法国折扣奢侈品网上零售商
2017/07/03 全球购物
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
送货司机岗位职责
2013/12/11 职场文书
元旦促销方案
2014/03/15 职场文书
个人校本研修方案
2014/05/26 职场文书
法制教育演讲稿
2014/09/10 职场文书
房屋租赁委托书范本
2014/10/04 职场文书
家长通知书家长意见
2015/06/03 职场文书
校友会致辞
2015/07/30 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书