ES6获取日期时间方法

最新推荐文章于 2025-03-07 14:24:59 发布

原创最新推荐文章于 2025-03-07 14:24:59 发布 · 1.1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#技术

web前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用ES6的箭头函数和数组的map方法来格式化日期时间的方法。通过具体的代码示例，展示了如何将日期时间的各部分转换成带有前导零的字符串，并组合成统一的格式。

纯粹的ES6获取日期时间方法

你好！

重点知识

数组的map方法
map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
es6箭头函数
箭头函数就是函数的一种简写形式，使用括号包裹参数，跟随一个 =>，紧接着是函数体
代码如下：

	var getPrice = function() {
  return 4.55;
};
 
// 箭头函数的形式
var getPrice = () => 4.55;

废话不多说具体代码

const formatTime = date => {
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  const hour = date.getHours()
  const minute = date.getMinutes()
  const second = date.getSeconds()

  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

const formatNumber = n => {
  n = n.toString()
  return n[1] ? n : '0' + n
}