js将日期格式转换为YYYY-MM-DD HH:MM:SS


Posted in Javascript onSeptember 18, 2020

1、百度不少js将日期格式转换为YYYY-MM-DD HH:MM:SS 。可是都略显复杂,所以这里总结了一下,自己找到的,方便自己学习和使用。

方法一:

项目源码:
$("#createTime").text((new Date(jumpParams.createDate.time).Format("yyyy-MM-dd hh:mm:ss")));
$("#updateTime").text((new Date(jumpParams.updateDate.time).Format("yyyy-MM-dd hh:mm:ss")));
关键点:
xxx.Format("yyyy-MM-dd hh:mm:ss");调用这句话就可以将Sun May 27 2018 11:08:09 GMT+0800 (中国标准时间)格式的时间转换为"2018-05-27 11:08:09"格式的时间。

方法二:

项目源码:
$("#createTime").text((ChangeDateFormat(new Date(jumpParams.createDate.time))));
$("#updateTime").text((ChangeDateFormat(new Date(jumpParams.updateDate.time))));
封装方法调用:
function ChangeDateFormat(date) {
 return date.Format("yyyy-MM-dd hh:mm:ss");
}

关键点:
注意括号和自己的时间格式即可。

可以使用浏览器工具,对转换进行查看:

js将日期格式转换为YYYY-MM-DD HH:MM:SS

其他方法

function formatDate(date,cut) {
 var date = new Date(date);
 var YY = date.getFullYear() + cut;
 var MM =
 (date.getMonth() + 1 < 10
  ? "0" + (date.getMonth() + 1)
  : date.getMonth() + 1) + cut;
 var DD = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
 var hh =
 (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
 var mm =
 (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
 ":";
 var ss = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
 return YY + MM + DD + " " + hh + mm + ss;
}

正则方法

function farmatDate(time, fmt) {
 if (/(y+)/.test(fmt) {
  fmt = fmt.replace(RegExp.$1, date.getFullYear() + '').substr(4 - RegExp.$1.length);
 }

 let o = {
  'M+': getMonth() + 1,
  'd+': getDay(),
  'h+': getHours(),
  'm+': getMinutes(),
  's+': getSeconds()
 };

 for (let key in o) {
  if(RegExp(`(${key})`.test(fmt)) {
   let str = o[key] + '';
   fmt = fmt.replace(RegExp.$1, str.length === 2 ? str:padLeftZero(str);
  }
 }
 return fmt;
}

// 函数 padLeftZero 的作用:如果月份为1位(如9),则在其左边补0(变为09)
function padLeftZero(str) {
 return '00' + substr(str.length);
}

// 举例
let res = formatDate('1469261964000', 'yyyy-MM-dd hh:mm');
console.log(res); // 2016-07-06 16:19

到此这篇关于js将日期格式转换为YYYY-MM-DD HH:MM:SS的文章就介绍到这了,更多相关js YYYY-MM-DD HH:MM:SS内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JQUERY THICKBOX弹出层插件
Aug 30 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
Mar 10 Javascript
JS中artdialog弹出框控件之提交表单思路详解
Apr 18 Javascript
如何用js实现鼠标向上滚动时浮动导航
Jul 18 Javascript
纯js的右下角弹窗实例
Mar 12 Javascript
jQuery中table数据的值拷贝和拆分
Mar 19 Javascript
React操作真实DOM实现动态吸底部的示例
Oct 23 Javascript
vue组件的写法汇总
Apr 12 Javascript
vue.js图片转Base64上传图片并预览的实现方法
Aug 02 Javascript
javascript获取元素的计算样式
May 24 Javascript
js实现动态时钟
Mar 12 Javascript
jQuery实现查看图片功能
Dec 01 jQuery
js实现手表表盘时钟与圆周运动
Sep 18 #Javascript
javascript实现智能手环时间显示
Sep 18 #Javascript
javascript实现打砖块小游戏(附完整源码)
Sep 18 #Javascript
js实现拖拽与碰撞检测
Sep 18 #Javascript
详解JavaScript 的执行机制
Sep 18 #Javascript
鸿蒙系统中的 JS 开发框架
Sep 18 #Javascript
React倒计时功能实现代码——解耦通用
Sep 18 #Javascript
You might like
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
Laravel基础_关于view共享数据的示例讲解
2019/10/14 PHP
点击下载链接 弹出页面实现代码
2009/10/01 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
2013/09/02 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
2013/10/25 Javascript
Javascript全局变量var与不var的区别深入解析
2013/12/09 Javascript
jquery中post方法用法实例
2014/10/21 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
2015/08/06 Javascript
深入解析JavaScript的闭包机制
2015/10/20 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
2015/11/04 Javascript
js+css绘制颜色动态变化的圈中圈效果
2016/01/27 Javascript
js 性能优化之快速响应的用户界面
2017/02/15 Javascript
基于JavaScript实现轮播图原理及示例
2020/04/10 Javascript
深入理解node.js之path模块
2017/05/03 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
详解vuejs之v-for列表渲染
2017/06/22 Javascript
vuejs事件中心管理组件间的通信详解
2017/08/09 Javascript
bootstrap table服务端实现分页效果
2017/08/10 Javascript
Vuex mutitons和actions初使用详解
2019/03/04 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
2019/04/30 Javascript
layui输入框只允许输入中文且判断长度的例子
2019/09/18 Javascript
详解从vue-loader源码分析CSS Scoped的实现
2019/09/23 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
2019/11/24 Javascript
Python中的类学习笔记
2014/09/23 Python
浅谈tensorflow1.0 池化层(pooling)和全连接层(dense)
2018/04/27 Python
Python 窗体(tkinter)按钮 位置实例
2019/06/13 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
浅谈Django+Gunicorn+Nginx部署之路
2019/09/11 Python
Python多重继承之菱形继承的实例详解
2020/02/12 Python
python 下载文件的几种方法汇总
2021/01/06 Python
社区活动邀请函范文
2014/01/29 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
安全生产标语
2014/06/06 职场文书
公司合作意向书范文
2014/07/30 职场文书
淘宝好评语句大全
2014/12/31 职场文书