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下高效拼装字符串的几种方法比较与测试代码
Apr 15 Javascript
JS禁用浏览器退格键实现思路及代码
Oct 29 Javascript
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 Javascript
JavaScript中的类(Class)详细介绍
Dec 30 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
JS 获取HTML标签内的子节点的方法
Sep 21 Javascript
jQuery EasyUI ProgressBar进度条组件
Feb 28 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
Dec 13 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
Apr 11 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
Nov 05 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中is_null,empty,isset,unset 的区别详细介绍
2013/04/28 PHP
使用PHP curl模拟浏览器抓取网站信息
2013/10/28 PHP
php分页函数示例代码分享
2014/02/24 PHP
Php连接及读取和写入mysql数据库的常用代码
2014/08/11 PHP
php用正则判断是否为数字的方法
2016/03/25 PHP
Yii2.0 模态弹出框+ajax提交表单
2016/05/22 PHP
js 实现打印网页中定义的部分内容的代码
2010/04/01 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
2012/02/23 Javascript
拥抱模块化的JavaScript
2012/03/07 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
html向js方法传递参数具体实现
2013/08/08 Javascript
详细解读JavaScript的跨浏览器事件处理
2015/08/12 Javascript
再JavaScript的jQuery库中编写动画效果的指南
2015/08/13 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
2017/03/23 jQuery
用 js 的 selection range 操作选择区域内容和图片
2017/04/18 Javascript
vue项目中实现图片预览的公用组件功能
2018/10/26 Javascript
原生JS实现列表内容自动向上滚动效果
2019/05/22 Javascript
封装 axios+promise通用请求函数操作
2020/08/11 Javascript
[03:03]2014DOTA2西雅图国际邀请赛 Alliance战队巡礼
2014/07/07 DOTA
Python获取任意xml节点值的方法
2015/05/05 Python
python实现爬取千万淘宝商品的方法
2015/06/30 Python
python pandas库中DataFrame对行和列的操作实例讲解
2018/06/09 Python
PyCharm汉化安装及永久激活详细教程(靠谱)
2020/01/16 Python
Python如何输出整数
2020/06/07 Python
Python使用jpype模块调用jar包过程解析
2020/07/29 Python
VICHY薇姿英国官网:全球专业敏感肌护肤领先品牌
2017/07/04 全球购物
日本订房网站,预订日本星级酒店/温泉旅馆:Relux(支持中文)
2020/01/03 全球购物
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
大学生怎样进行自我评价
2013/12/07 职场文书
毕业生简历自我评价范文
2014/04/09 职场文书
人力资源管理专业毕业生自荐书
2014/05/25 职场文书
机械电子工程专业求职信
2014/06/22 职场文书
学习雷锋主题班会
2015/08/14 职场文书
Android 中的类文件和类加载器详情
2022/06/05 Java/Android