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 相关文章推荐
javascript 自定义事件初探
Aug 21 Javascript
23个超流行的jQuery相册插件整理分享
Apr 25 Javascript
JavaScript中的console.profile()函数详细介绍
Dec 29 Javascript
在Javascript操作JSON对象,增加 删除 修改的简单实现
Jun 02 Javascript
微信支付 JS API支付接口详解
Jul 11 Javascript
vue轮播图插件vue-awesome-swiper的使用代码实例
Jul 10 Javascript
浅谈原生JS中的延迟脚本和异步脚本
Jul 12 Javascript
给vue项目添加ESLint的详细步骤
Sep 29 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
Aug 28 Javascript
TypeScript中的方法重载详解
Apr 12 Javascript
关于layui flow loading占位图的实现方法
Sep 21 Javascript
js中复选框的取值及赋值示例详解
Oct 18 Javascript
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
php ftp文件上传函数(基础版)
2010/06/03 PHP
比较简单的百度网盘文件直链PHP代码
2013/03/24 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
JS实现将人民币金额转换为大写的示例代码
2014/02/13 Javascript
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
js的hasownproperty使用示例
2014/03/02 Javascript
jquery操作checkbox示例分享
2014/07/21 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
2015/11/02 Javascript
大白话讲解JavaScript的Promise
2017/04/06 Javascript
JS+canvas绘制的动态机械表动画效果
2017/09/12 Javascript
js截取字符串功能的实现方法
2017/09/27 Javascript
vue2.0之多页面的开发的示例
2018/01/30 Javascript
node 使用 async 控制并发的方法
2018/05/07 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
详解React+Koa实现服务端渲染(SSR)
2018/05/23 Javascript
如何手写简易的 Vue Router
2020/10/10 Javascript
在Python下利用OpenCV来旋转图像的教程
2015/04/16 Python
浅谈pytorch和Numpy的区别以及相互转换方法
2018/07/26 Python
python利用多种方式来统计词频(单词个数)
2019/05/27 Python
Django实现发送邮件功能
2019/07/18 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
tensorflow:指定gpu 限制使用量百分比,设置最小使用量的实现
2020/02/06 Python
python实现控制台输出颜色
2021/03/02 Python
详解淘宝H5 sign加密算法
2020/08/25 HTML / CSS
什么是封装
2013/03/26 面试题
求职推荐信
2013/10/28 职场文书
金融学专科生自我鉴定
2014/02/21 职场文书
个人借款担保书
2014/04/02 职场文书
乡镇领导干部个人对照检查材料思想汇报
2014/09/23 职场文书
婚礼答谢词
2015/01/04 职场文书
病危通知单
2015/04/17 职场文书
公务员岗前培训心得体会
2016/01/08 职场文书
教你如何用Python实现人脸识别(含源代码)
2021/06/23 Python