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实现简单模态窗口,背景灰显
Nov 14 Javascript
基于jQuery的星级评分插件
Aug 12 Javascript
innerText和textContent对比及使用介绍
Feb 27 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
原生js实现图片层叠轮播切换效果
Feb 02 Javascript
JS小数运算出现多为小数问题的解决方法
Jun 02 Javascript
jQuery扩展+xml实现表单验证功能的方法
Dec 25 Javascript
html5 canvas 详细使用教程
Jan 20 Javascript
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
3分钟了解vue数据劫持的原理实现
May 01 Javascript
vue移动端实现手机左右滑动入场动画
Jun 17 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 和 COM
2006/10/09 PHP
修改了一个很不错的php验证码(支持中文)
2007/02/14 PHP
php smarty模板引擎的6个小技巧
2014/04/24 PHP
Yii使用ajax验证显示错误messagebox的解决方法
2014/12/03 PHP
php和redis实现秒杀活动的流程
2019/07/17 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
Prototype 学习 工具函数学习($w,$F方法)
2009/07/12 Javascript
javascript语言结构小记(一)
2011/09/10 Javascript
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
JS JQUERY实现滚动条自动滚到底的方法
2015/01/09 Javascript
jquery分割字符串的方法
2015/06/24 Javascript
js简单实现标签云效果实例
2015/08/06 Javascript
JavaScript实现同时调用多个函数的方法
2015/11/09 Javascript
一个例子轻松学会Vue.js
2017/01/02 Javascript
Vue 禁用浏览器的前进后退操作
2020/09/04 Javascript
Windows下PyMongo下载及安装教程
2015/04/27 Python
Python将主机名转换为IP地址的方法
2019/08/14 Python
Python中低维数组填充高维数组的实现
2019/12/02 Python
python内打印变量之%和f的实例
2020/02/19 Python
Python dict和defaultdict使用实例解析
2020/03/12 Python
Django 用户认证Auth组件的使用
2020/11/30 Python
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
一些Unix笔试题和面试题
2013/01/22 面试题
营销总经理的岗位职责
2013/12/15 职场文书
物业保安主管岗位职责
2013/12/25 职场文书
创业计划书——互联网商机
2014/01/12 职场文书
学生保证书范文
2014/04/28 职场文书
企业年度评优方案
2014/06/02 职场文书
2015年挂职锻炼工作总结
2014/12/12 职场文书
2015年药房工作总结
2015/04/25 职场文书
趣味运动会简讯
2015/07/20 职场文书
2016年“6.26”禁毒宣传月系列活动总结
2016/04/05 职场文书
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
2021/08/07 HTML / CSS
SpringCloud之@FeignClient()注解的使用方式
2021/09/25 Java/Android
Python学习之迭代器详解
2022/04/01 Python
详解Vue3使用axios的配置教程
2022/04/29 Vue.js