摘要:一行代码实现时间戳转时间格式前端开发过程中,常常需要将时间戳转化为标准时间格式供用户浏览。新思路为了将时间戳转换为我们需要的时间格式,我们写了两个函数,加起来十几行。
一行代码实现时间戳转时间格式
前端开发过程中,常常需要将时间戳转化为标准时间格式供用户浏览。不借助方法库的情况下,如何又快又好的实现呢?下面介绍两种方法。
老方法平常用的基本是这个方法,用Date方法依次将年月日时分秒一个个算出来,然后拼接成需要的时间格式字符串。
function transformTime(timestamp = +new Date()) { if (timestamp) { var time = new Date(timestamp); var y = time.getFullYear(); //getFullYear方法以四位数字返回年份 var M = time.getMonth() + 1; // getMonth方法从 Date 对象返回月份 (0 ~ 11),返回结果需要手动加一 var d = time.getDate(); // getDate方法从 Date 对象返回一个月中的某一天 (1 ~ 31) var h = time.getHours(); // getHours方法返回 Date 对象的小时 (0 ~ 23) var m = time.getMinutes(); // getMinutes方法返回 Date 对象的分钟 (0 ~ 59) var s = time.getSeconds(); // getSeconds方法返回 Date 对象的秒数 (0 ~ 59) return y + "-" + M + "-" + d + " " + h + ":" + m + ":" + s; } else { return ""; } } transformTime(); // "2018-8-8 12:9:12"老方法改进版
上面的转换方法,通过将时间戳转换为Date实例,利用Date对应的方法获取对应的年月日时分秒,获取的时间格式是‘2018-8-8 12:9:12’,看着有点别扭。为了转化为我们常用的时间格式,还需要注意对小于10的值,在前面添加字符串‘0’,转换为‘2018-08-08 12:09:12’这种时间格式。
function transformTime(timestamp = +new Date()) { if (timestamp) { var time = new Date(timestamp); var y = time.getFullYear(); var M = time.getMonth() + 1; var d = time.getDate(); var h = time.getHours(); var m = time.getMinutes(); var s = time.getSeconds(); return y + "-" + addZero(M) + "-" + addZero(d) + " " + addZero(h) + ":" + addZero(m) + ":" + addZero(s); } else { return ""; } } function addZero(m) { return m < 10 ? "0" + m : m; } transformTime(); // "2018-08-08 12:09:12"
对返回小于10的时间数值进行处理,用‘addZero’方法为字符串添加‘0’,这样格式就对称了。
新思路为了将时间戳转换为我们需要的时间格式,我们写了两个函数,加起来十几行。前段时间,部门大佬告知了另外一种方式,一行代码完成时间戳转换为‘YYYY-MM-DD HH:mm:ss’形式的时间格式,顿时代码精简了很多,话不多说,亮出代码
function time(time = +new Date()) { var date = new Date(time + 8 * 3600 * 1000); // 增加8小时 return date.toJSON().substr(0, 19).replace("T", " "); } time(); // "2018-08-09 18:25:54"
Date的‘toJSON’方法返回格林威治时间的JSON格式字符串,实际是使用‘toISOString’方法的结果。字符串形如‘2018-08-09T10:20:54.396Z’,转化为北京时间需要额外增加八个时区,我们需要取字符串前19位,然后把‘T’替换为空格,即是我们需要的时间格式。
function time(time = +new Date()) { var date = new Date(time + 8 * 3600 * 1000); return date.toJSON().substr(0, 19).replace("T", " ").replace(/-/g, "."); } time(); // "2018.08.09 18:25:54"
把时间格式中的‘-’修改为‘.’或者其他符号都是可以的。对比老方法,这种方法代码量比以前省了不止一星半点的,读起来也简洁多了。如果时间格式需要毫秒数,只需要获取前23位字符串,和上面一样用replace方法替换。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/96921.html
摘要:对于日期的操作可以说是比较常见的了日期与格式化字符串互转,日期与时间戳互转,日期的加减操作等,下面主要介绍下常见的需求场景如何实现基本包引入主要需要引入时间和日期的处理包,后面的基本操作都是基于此获取当前时间获取当前时间,有几种方式 对于日期的操作可以说是比较常见的case了,日期与格式化字符串互转,日期与时间戳互转,日期的加减操作等,下面主要介绍下常见的需求场景如何实现 1. 基本...
摘要:前言做项目其实经常需要与时间接触。时间戳与时间的转换问题,在这做一个记录。我自己试了最新版的,,返回的是一样的。 前言 做项目其实经常需要与时间接触。时间戳与时间的转换问题,在这做一个记录。 1.获取特定格式的时间 myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.ge...
阅读 775·2023-04-25 19:49
阅读 3716·2021-09-30 09:47
阅读 2719·2021-09-13 10:21
阅读 2643·2021-08-24 10:04
阅读 3149·2019-08-30 15:55
阅读 2202·2019-08-30 15:55
阅读 2372·2019-08-30 15:54
阅读 3447·2019-08-30 13:53