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 07 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
Sep 05 Javascript
jqgrid 表格数据导出实例
Nov 21 Javascript
JS正则表达式验证数字代码
Jan 28 Javascript
JavaScript动态改变表格单元格内容的方法
Mar 30 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
微信小程序使用第三方库Immutable.js实例详解
Sep 27 Javascript
layer.confirm取消按钮绑定事件的方法
Aug 17 Javascript
JS函数基本定义与用法示例
Jan 15 Javascript
JavaScript自定义超时API代码实例
Apr 30 Javascript
Vue 同步异步存值取值实现案例
Aug 05 Javascript
用vue设计一个日历表
Dec 03 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
ASP知识讲座四
2006/10/09 PHP
php 过滤器实现代码
2010/08/09 PHP
浅谈php扩展imagick
2014/06/02 PHP
PHP实现货币换算的方法
2014/11/29 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
jQuery中jqGrid分页实现代码
2011/11/04 Javascript
js仿淘宝和百度文库的评分功能
2016/05/15 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
2017/03/03 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
2017/05/26 Javascript
Vue实现购物车详情页面的方法
2019/08/20 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
2020/08/05 Javascript
jquery实现拖拽添加元素功能
2020/12/01 jQuery
[37:23]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第二局
2016/03/04 DOTA
python中pycurl库的用法实例
2014/09/30 Python
python 中的int()函数怎么用
2017/10/17 Python
Python两个字典键同值相加的几种方法
2019/03/05 Python
python画图把时间作为横坐标的方法
2019/07/07 Python
Python空间数据处理之GDAL读写遥感图像
2019/08/01 Python
PyCharm导入python项目并配置虚拟环境的教程详解
2019/10/13 Python
opencv-python 读取图像并转换颜色空间实例
2019/12/09 Python
安装多个版本的TensorFlow的方法步骤
2020/04/21 Python
Python logging模块原理解析及应用
2020/08/13 Python
Python timeit模块原理及使用方法
2020/10/10 Python
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
英国玛莎百货澳大利亚:Marks & Spencer Australia
2019/08/30 全球购物
什么是触发器(trigger)? 触发器有什么作用?
2013/09/18 面试题
民事诉讼授权委托书范文
2014/08/02 职场文书
纪念九一八事变演讲稿:勿忘国耻
2014/09/14 职场文书
餐厅服务员岗位职责
2015/02/09 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书
高一军训感想
2015/08/07 职场文书
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL