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 相关文章推荐
纯js网页画板(Graphics)类简介及实现代码
Dec 24 Javascript
tangram框架响应式加载图片方法
Nov 21 Javascript
JS动态添加iframe的代码
Sep 14 Javascript
javascript数据结构之双链表插入排序实例详解
Nov 25 Javascript
jQuery焦点图插件SaySlide
Dec 21 Javascript
HTML Table 空白单元格补全的简单实现
Oct 13 Javascript
Webpack如何引入bootstrap的方法
Jun 17 Javascript
使用JavaScript根据图片获取条形码的方法
Jul 04 Javascript
js prototype和__proto__的关系是什么
Aug 23 Javascript
基于javascript实现贪吃蛇小游戏
Nov 25 Javascript
js数组的基本使用总结
Jan 18 Javascript
Vue实现todo应用的示例
Feb 20 Vue.js
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多文件上传功能实现原理及代码
2013/04/18 PHP
php开发微信支付获取用户地址
2015/10/04 PHP
PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库
2015/11/25 PHP
php错误日志简单配置方法
2016/07/11 PHP
简单JS代码压缩器
2006/10/12 Javascript
javascript动画效果类封装代码
2007/08/28 Javascript
javascript 控制 html元素 显示/隐藏实现代码
2009/09/01 Javascript
JQuery学习笔录 简单的JQuery
2012/04/09 Javascript
JS定时器实例
2013/04/17 Javascript
购物车选中得到价格实现示例
2014/01/26 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
2015/05/03 Javascript
canvas绘制七巧板
2017/02/03 Javascript
bootstrap中模态框、模态框的属性实例详解
2017/02/17 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
2018/07/11 Javascript
js实现下拉框二级联动
2018/12/04 Javascript
Vue中的基础过渡动画及实现原理解析
2018/12/04 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
2020/04/10 Javascript
Vue性能优化的方法
2020/07/30 Javascript
微信小程序使用前置摄像头拍照
2020/10/22 Javascript
微信小程序实现可长按移动控件
2020/11/01 Javascript
python递归计算N!的方法
2015/05/05 Python
CentOS 7下Python 2.7升级至Python3.6.1的实战教程
2017/07/06 Python
Tensorflow中使用tfrecord方式读取数据的方法
2018/06/19 Python
用python实现刷点击率的示例代码
2019/02/21 Python
python ctypes库2_指定参数类型和返回类型详解
2019/11/19 Python
如何基于Python实现电子邮件的发送
2019/12/16 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
Canvas绘制浮动球效果的示例
2017/12/29 HTML / CSS
英语演讲稿范文
2014/01/03 职场文书
2014年会计个人工作总结
2014/11/24 职场文书
先进班组事迹材料
2014/12/25 职场文书
详解MySQL事务的隔离级别与MVCC
2021/04/22 MySQL
一篇文章弄懂MySQL查询语句的执行过程
2021/05/07 MySQL
Redis调用Lua脚本及使用场景快速掌握
2022/03/16 Redis