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 相关文章推荐
javascript 循环读取JSON数据的代码
Jul 17 Javascript
顶部缓冲下拉菜单导航特效的JS代码
Aug 27 Javascript
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
JS hashMap实例详解
May 26 Javascript
浅析JavaScript中命名空间namespace模式
Jun 22 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
Dec 16 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
Jan 21 Javascript
20行JS代码实现粘贴板复制功能
Feb 06 Javascript
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
May 16 Javascript
angularjs结合html5实现拖拽功能
Jun 25 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
Dec 24 Javascript
JS数组索引检测中的数据类型问题详解
Jan 11 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生成指定长度随机数最简洁的方法
2014/07/14 PHP
php获取客户端电脑屏幕参数的方法
2015/01/09 PHP
Yii2.0高级框架数据库增删改查的一些操作
2015/11/16 PHP
PHP进阶学习之Geo的地图定位算法详解
2019/06/19 PHP
php依赖注入知识点详解
2019/09/23 PHP
网上应用的一个不错common.js脚本
2007/08/08 Javascript
基于Jquery的动态创建DOM元素的代码
2010/12/28 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
2013/11/08 Javascript
Extjs根据条件设置表格某行背景色示例
2014/07/23 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
js如何判断输入字符串长度
2015/12/16 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
AngularJS 依赖注入详解和简单实例
2016/07/28 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
Vue filter格式化时间戳时间成标准日期格式的方法
2018/09/16 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
vite2.0+vue3移动端项目实战详解
2021/03/03 Vue.js
Python ORM框架SQLAlchemy学习笔记之数据添加和事务回滚介绍
2014/06/10 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
python 进程 进程池 进程间通信实现解析
2019/08/23 Python
Python实现密钥密码(加解密)实例详解
2020/04/26 Python
python中判断数字是否为质数的实例讲解
2020/12/06 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
详解CSS3浏览器兼容
2016/12/14 HTML / CSS
在阿联酋购买翻新手机和平板电脑:Teckzu
2021/02/12 全球购物
什么是serialVersionUID
2016/03/04 面试题
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
自我评价怎么写正确呢?
2013/12/02 职场文书
学校志愿者活动总结
2014/06/27 职场文书
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
2014国庆节标语口号
2014/09/19 职场文书
2015年秋季校长开学典礼致辞
2015/07/29 职场文书
Python中的np.argmin()和np.argmax()函数用法
2021/06/02 Python
Python数据处理的三个实用技巧分享
2022/04/01 Python