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实现表格展开与折叠的方法
May 04 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
Sep 02 Javascript
浅谈如何实现easyui的datebox格式化
Jun 12 Javascript
谈谈对JavaScript原生拖放的深入理解
Sep 20 Javascript
利用JQuery阻止事件冒泡
Dec 01 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
Mar 09 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
Aug 03 Javascript
JavaScript实现创建自定义对象的常用方式总结
Jul 09 Javascript
vue2使用keep-alive缓存多层列表页的方法
Sep 21 Javascript
layui实现数据分页功能(ajax异步)
Jul 27 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 Javascript
JavaScript实现HSL拾色器
May 21 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学习 函数 课件
2008/06/15 PHP
PHP开发环境配置(MySQL数据库安装图文教程)
2010/04/28 PHP
php方法调用模式与函数调用模式简例
2011/09/20 PHP
PHP实现根据图片色界在不同位置加水印的方法
2015/08/08 PHP
基于jquery的无限级联下拉框js插件
2011/10/29 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
使用JavaScript获取地址栏参数的方法
2014/12/19 Javascript
JS获取iframe中longdesc属性的方法
2015/04/01 Javascript
分享一些常用的jQuery动画事件和动画函数
2015/11/27 Javascript
javascript中的作用域和闭包详解
2016/01/13 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
详解JavaScript设计模式开发中的桥接模式使用
2016/05/18 Javascript
Bootstrap自定义文件上传下载样式
2016/05/26 Javascript
@ResponseBody 和 @RequestBody 注解的区别
2017/03/08 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
小程序实现订单倒计时功能
2019/04/23 Javascript
[29:59]完美世界DOTA2联赛PWL S3 Forest vs access 第二场 12.11
2020/12/13 DOTA
python实现字符串和日期相互转换的方法
2015/05/13 Python
Python中Django发送带图片和附件的邮件
2017/03/31 Python
你真的了解Python的random模块吗?
2017/12/12 Python
Python爬虫实现全国失信被执行人名单查询功能示例
2018/05/03 Python
python版opencv摄像头人脸实时检测方法
2018/08/03 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
Python count函数使用方法实例解析
2020/03/23 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
HTML5新增form控件和表单属性实例代码详解
2019/05/15 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
写演讲稿要注意的六件事
2014/01/14 职场文书
个人整改方案范文
2014/10/25 职场文书
乡镇保密工作承诺书
2015/05/04 职场文书
七年级生物教学反思
2016/02/20 职场文书
vue使用节流函数的踩坑实例指南
2021/05/20 Vue.js
深入理解redis中multi与pipeline
2021/06/02 Redis
MySQL 用 limit 为什么会影响性能
2021/09/15 MySQL
SpringBoot整合minio快速入门教程(代码示例)
2022/04/03 Java/Android