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 相关文章推荐
XML的代替者----JSON
Jul 21 Javascript
自己整理的一个javascript日期处理函数
Oct 16 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
Oct 24 Javascript
Javscript删除数组中指定元素并返回新数组
Mar 06 Javascript
AngularJS入门心得之directive和controller通信过程
Jan 25 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
AngularJS  双向数据绑定详解简单实例
Oct 20 Javascript
js仿淘宝评价评分功能
Feb 28 Javascript
AngularJS 异步解决实现方法
Jun 12 Javascript
JavaScript+HTML5实现的日期比较功能示例
Jul 12 Javascript
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
使用JavaScript获取Django模板指定键值数据
May 27 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
IIS下配置Php+Mysql+zend的图文教程
2006/12/08 PHP
jquery 图片Silhouette Fadeins渐显效果
2010/02/07 Javascript
Extjs中常用表单介绍与应用
2010/06/07 Javascript
js鼠标左右键 键盘值小结
2010/06/11 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
JS批量操作CSS属性详细解析
2013/12/16 Javascript
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
jQuery form 表单验证插件(fieldValue)校验表单
2016/01/24 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
2016/08/05 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
jQuery页面弹出框实现文件上传
2017/02/09 Javascript
详解如何在Vue2中实现组件props双向绑定
2017/03/29 Javascript
AngularJS读取JSON及XML文件的方法示例
2017/05/25 Javascript
js排序与重组的实例讲解
2017/08/28 Javascript
Vue 实现可视化拖拽页面编辑器
2021/02/01 Vue.js
[36:02]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第一局
2016/02/28 DOTA
Python中使用HTMLParser解析html实例
2015/02/08 Python
python实现将汉字转换成汉语拼音的库
2015/05/05 Python
Python注释详解
2016/06/01 Python
Python实现对字符串的加密解密方法示例
2017/04/29 Python
Python多进程库multiprocessing中进程池Pool类的使用详解
2017/11/24 Python
Python实现批量读取图片并存入mongodb数据库的方法示例
2018/04/02 Python
将labelme格式数据转化为标准的coco数据集格式方式
2020/02/17 Python
python调用HEG工具批量处理MODIS数据的方法及注意事项
2020/02/18 Python
使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题
2016/06/28 HTML / CSS
学校班班通实施方案
2014/06/11 职场文书
财务整改报告范文
2014/11/05 职场文书
基石观后感
2015/06/12 职场文书
网吧温馨提示
2015/07/17 职场文书
教师师德工作总结2015
2015/07/22 职场文书
初三数学教学反思
2016/02/17 职场文书
导游词之山东八大关
2019/12/18 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书
PostgreSQL数据库创建并使用视图以及子查询
2022/04/11 PostgreSQL
uniapp开发打包多端应用完整方法指南
2022/12/24 Javascript