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 相关文章推荐
js函数中onmousedown和onclick的区别和联系探讨
May 19 Javascript
在页面加载完成后通过jquery给多个span赋值
May 21 Javascript
JavaScript编程中window的location与history对象详解
Oct 26 Javascript
喜大普奔!jQuery发布 3.0 最终版
Jun 12 Javascript
JS简单实现移动端日历功能示例
Dec 28 Javascript
Node.js中的http请求客户端示例(request client)
May 04 Javascript
JS库之Three.js 简易入门教程(详解之一)
Sep 13 Javascript
javaScript产生随机数的用法小结
Apr 21 Javascript
AngularJS实现动态切换样式的方法分析
Jun 26 Javascript
JavaScript实现图片懒加载的方法分析
Jul 05 Javascript
vue学习之Vue-Router用法实例分析
Jan 06 Javascript
JavaScript实现串行请求的示例代码
Sep 14 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实现的简单检验登陆类
2015/06/18 PHP
android上传图片到PHP的过程详解
2015/08/03 PHP
学习php设计模式 php实现策略模式(strategy)
2015/12/07 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
JavaScript 设计模式 富有表现力的Javascript(一)
2010/05/26 Javascript
基于MooTools的很有创意的滚动条时钟动画
2010/11/14 Javascript
function foo的原型与prototype属性解惑
2010/11/19 Javascript
JS截取字符串常用方法整理及使用示例
2013/10/18 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
jQuery qrcode生成二维码的方法
2016/04/03 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
Javascript中this绑定的3种方法与比较
2016/10/13 Javascript
BootStrap Fileinput的使用教程
2016/12/30 Javascript
基于JavaScript实现弹幕特效
2020/08/27 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
2017/09/07 Javascript
解决vue多个路由共用一个页面的问题
2018/03/12 Javascript
小程序图片剪裁加旋转的示例代码
2018/07/10 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
对Python中9种生成新对象的方法总结
2018/05/23 Python
python实现文件助手中查看微信撤回消息
2019/04/29 Python
解决Python使用列表副本的问题
2019/12/19 Python
Python tkinter布局与按钮间距设置方式
2020/03/04 Python
利用python3筛选excel中特定的行(行值满足某个条件/行值属于某个集合)
2020/09/04 Python
利用python制作拼图小游戏的全过程
2020/12/04 Python
python实现发送邮件
2021/03/02 Python
纯CSS实现的大小渐变、渐远效果
2014/04/15 HTML / CSS
ToysRus日本官网:玩具反斗城
2018/09/08 全球购物
Java TransactionAPI (JTA) 主要包含几部分
2012/12/07 面试题
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
《大海那边》教学反思
2014/04/09 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
新生开学寄语大全
2015/05/28 职场文书
八一建军节主持词
2015/07/01 职场文书
JavaScript数组 几个常用方法总结
2021/11/11 Javascript
php png失真的原因及解决办法
2021/11/17 PHP
python机器学习实现oneR算法(以鸢尾data为例)
2022/03/03 Python