title: JavaScript时间格式化
abbrlink: 26bcd43f
date: 2021-10-10 14:26:18
tags:
- Vue
categories:
- Vue技巧

JavaScript中时间格式化

有的时候，我们需要一定格式的时间比如2017-05-12 08:48 这样的格式。

时间格式化

第一种

function formatDate(time){var date = new Date(time);var year = date.getFullYear(),month = date.getMonth() + 1,//月份是从0开始的day = date.getDate(),hour = date.getHours(),min = date.getMinutes(),sec = date.getSeconds();var newTime = year + '-' +month + '-' +day + ' ' +hour + ':' +min + ':' +sec;return newTime;
}

输出结果：

前置 `0`

但是这里存在一个问题，就是，我想要的格式应该是 2017-05-12 08:49:25 在月、日、时、分、秒 小于10的时候，应该要前置一个0。

改进代码：

第二种

function formatDate(time){var date = new Date(time);var year = date.getFullYear(),month = date.getMonth()+1,//月份是从0开始的day = date.getDate(),hour = date.getHours(),min = date.getMinutes(),sec = date.getSeconds();var newTime = year + '-' +(month < 10 ? '0' + month : month) + '-' +(day < 10 ? '0' + day : day) + ' ' +(hour < 10 ? '0' + hour : hour) + ':' +(min < 10 ? '0' + min : min) + ':' +(sec < 10 ? '0' + sec : sec);return newTime;
}formatDate(new Date().getTime());//2017-05-12 09:09:21

处理UTC格式时间

在前后端数据接口通信中，后台返回的时间往往是 UTC 格式的，即2020-10-12T10:31:35.891724+00:00这种，这可能是因为在数据库中存储时间格式选择的是 TIMESTAMP。

作为前端，我们需要将其转换为标准的本地格式，并用“YYYY-MM-DD HH:mm:ss”这种格式呈现给用户，用户才能看得懂。

转换

formatTime(time) {let date = new Date(time).toJSON()return new Date(+new Date(date) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
}

JavaScript时间格式化相关推荐

javascript时间格式format函数，js日期格式化函数
我在之前有一篇文章,写的是"javascript时间戳函数",大家可以看一下,记录了js时间戳的转换,今天主要写的函数式日期格式化函数,我们有时候调用的new Date()不是格式 ...
javascript 优雅实现时间格式化
有的时候,我们需要一定格式的时间比如 2017-05-12 08:48 这样的格式. 上代码先时间格式化第一种 function formatDate(time){var date = new ...
第一百零四节，JavaScript时间与日期
JavaScript时间与日期学习要点: 1.Date类型 2.通用的方法 3.格式化方法 4.组件方法 ECMAScript提供了Date类型来处理时间和日期.Date类型内置一系列获取和设置日期 ...
字符串格式化成时间格式_小程序wxs中的时间格式化以及格式化时间和date时间互转...
WXS(WeiXin Script)是小程序的一套脚本语言,wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致.其中包括了很多日常使用的javascrip ...
Json 时间转换为 Javascript 时间 Date Jquery 调用WCF
"/Date(1232035200000)/" 怎么转换成 javascript 的 Date 对象做法:new Date(+/\d+/.exec(value)[1]); val ...
java/javascript 时间操作工具类
一.java 时间操作工具类 import org.springframework.util.StringUtils;import java.text.ParseException; import j ...
python 日期格式月份不加前导,Python datetime时间格式化去掉前导0
Python datetime时间格式化去掉前导0 Python时间格式化的时候,去掉前导0的: dt = datetime.now() print dt.strftime('%-H') #结果是: ...
Mysql日期时间格式化 %Y-%m-%d %H:%i:%S
获取当前时间戳 mysql> select unix_timestamp(now()); +-----------------------+ | unix_timestamp(now()) | ...
如何在 JavaScript 中格式化日期？
问: 如何将 Date 对象格式化为字符串? huntsbot.com汇聚了国内外优秀的初创产品创意,可按收入.分类等筛选,希望这些产品与实践经验能给您带来灵感. 答1: HuntsBot周刊–不定时 ...

JavaScript时间格式化

title: JavaScript时间格式化
abbrlink: 26bcd43f
date: 2021-10-10 14:26:18
tags:
- Vue
categories:
- Vue技巧

JavaScript中时间格式化

时间格式化

第一种

前置 `0`

第二种

处理UTC格式时间

转换

JavaScript时间格式化相关推荐

最新文章

热门文章

JavaScript时间格式化

title: JavaScript时间格式化 abbrlink: 26bcd43f date: 2021-10-10 14:26:18 tags: - Vue categories: - Vue技巧

JavaScript中时间格式化

时间格式化

第一种

前置 0

第二种

处理UTC格式时间

转换

JavaScript时间格式化相关推荐

最新文章

热门文章

title: JavaScript时间格式化
abbrlink: 26bcd43f
date: 2021-10-10 14:26:18
tags:
- Vue
categories:
- Vue技巧

前置 `0`