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条件判断使用小技巧总结
Sep 08 Javascript
javascript语言结构小记(一)
Sep 10 Javascript
JS中Location使用详解
May 12 Javascript
JavaScript的Date()方法使用详解
Jun 09 Javascript
JavaScript实现瀑布流以及加载效果
Feb 11 Javascript
vue.js开发环境安装教程
Mar 17 Javascript
jQuery鼠标悬停内容动画切换效果
Apr 27 jQuery
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
vue组件挂载到全局方法的示例代码
Aug 02 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 Javascript
在微信小程序中使用vant的方法
Jun 07 Javascript
如何检测JavaScript中的死循环示例详解
Aug 30 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数据库连接时容易出错的特殊符号问题
2010/09/01 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
学习php设计模式 php实现门面模式(Facade)
2015/12/07 PHP
PHP快速生成各种信息提示框的方法
2016/02/03 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
2017/02/04 PHP
实例解析php的数据类型
2018/10/24 PHP
表单内同名元素的控制
2006/11/22 Javascript
jquery 常用操作方法
2010/01/28 Javascript
Js操作树节点自动折叠展开的几种方法
2014/05/05 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
2015/10/28 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
2017/10/30 Javascript
vue下拉菜单组件(含搜索)的实现代码
2018/11/25 Javascript
了解重排与重绘
2019/05/29 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
vuex的使用步骤
2021/01/06 Vue.js
python实现简单购物商城
2016/05/21 Python
python多线程方式执行多个bat代码
2016/06/07 Python
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
Python实现简单求解给定整数的质因数算法示例
2018/03/25 Python
Flask框架中request、请求钩子、上下文用法分析
2019/07/23 Python
CSS3的transition和animation的用法实例介绍
2014/08/20 HTML / CSS
使用CSS3和Checkbox实现JQuery的一些效果
2015/08/03 HTML / CSS
全球知名旅游社区法国站点:TripAdvisor法国
2016/08/03 全球购物
荷兰街头时尚之家:Funkie House
2019/03/18 全球购物
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
搞笑婚礼主持词
2014/03/13 职场文书
房产委托公证书样本
2014/04/04 职场文书
保密工作整改报告
2014/11/06 职场文书
爱心募捐感谢信
2015/01/22 职场文书
2015年留守儿童工作总结
2015/05/22 职场文书
新生开学寄语大全
2015/05/28 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
大学三好学生主要事迹范文
2015/11/03 职场文书
详解CSS伪元素的妙用单标签之美
2021/05/25 HTML / CSS
mysql 数据插入优化方法之concurrent_insert
2021/07/01 MySQL
详解Mysql事务并发(脏读、不可重复读、幻读)
2022/04/29 MySQL