#yyds干货盘点# 前端歌谣的刷题之路-第一百一十八题-时间格式化输出

简介: #yyds干货盘点# 前端歌谣的刷题之路-第一百一十八题-时间格式化输出

题目

按所给的时间格式输出指定的时间

格式说明

对于 2014.09.05 13:14:20

yyyy: 年份,2014

yy: 年份,14

MM: 月份,补满两位,09

M: 月份, 9

dd: 日期,补满两位,05

d: 日期, 5

HH: 24制小时,补满两位,13

H: 24制小时,13

hh: 12制小时,补满两位,01

h: 12制小时,1

mm: 分钟,补满两位,14

m: 分钟,14

ss: 秒,补满两位,20

s: 秒,20

w: 星期,为 ['日', '一', '二', '三', '四', '五', '六'] 中的某一个,本 demo 结果为 五

image.png

编辑

核心代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>时间格式化输出</title>
</head>
<body>
  <script>function formatDate(date, format) {
    let addZero = function (data) {
        if (data < 10) {
            return '0' + data
        }
        return data
    }
    let obj = {
        'yyyy': date.getFullYear(),
        'yy': date.getFullYear() % 100,
        'MM': addZero(date.getMonth() + 1),
        'M': date.getMonth() + 1,
        'dd': addZero(date.getDate()),
        'd': date.getDate(),
        'HH': addZero(date.getHours()),
        'H': date.getHours(),
        'hh': addZero(date.getHours() % 12),
        'h': date.getHours() % 12,
        'mm': addZero(date.getMinutes()),
        'm': date.getMinutes(),
        'ss': addZero(date.getSeconds()),
        's': date.getSeconds(),
        'w': function () {
            arr = ['日', '一', '二', '三', '四', '五', '六']
            return arr[date.getDay()]
        }()
    }
    for (let i in obj) {
        format = format.replace(i, obj[i])
    }
    return</script>
</body>
</html>


相关文章
|
2月前
|
JavaScript 前端开发
【前端 - Vue】关于ESlint代码规范及格式化插件
【前端 - Vue】关于ESlint代码规范及格式化插件
|
3月前
|
前端开发
【零基础入门前端系列】—超链接和文本格式化标签(四)
【零基础入门前端系列】—超链接和文本格式化标签(四)
|
9月前
|
JSON 前端开发 Java
Java实现树的格式化打印以及返回前端json树
Java实现树的格式化打印以及返回前端json树
48 0
|
10月前
|
前端开发 容器
前端CSS理解 —— BFC(块级格式化上下文)
前端CSS理解 —— BFC(块级格式化上下文)
49 0
|
存储 JavaScript 前端开发
大幅提升前端工作效率!Numeral.js数值格式化库来了!
Numeral.js 是一个用来对数值进行操作和格式化的 JS 库。可将数字格式化为货币、百分比、时间,甚至是序数词的缩写(比如1st,100th)。 最好用的数值格式化工具
281 0
大幅提升前端工作效率!Numeral.js数值格式化库来了!
|
JavaScript 前端开发
前端工程化的检验/格式化/规范化之TypeScript
TypeScript是一种强类型语言,它可以在开发时检查类型错误,防止一些常见的错误,并且提供了更多的安全性和可维护性。
89 0
|
前端开发 JavaScript 开发者
前端工程化的检验/格式化/规范化之Prettier
Prettier是一个流行的前端代码格式化工具,它可以帮助开发者快速格式化前端项目,并确保代码符合规范化的要求。
121 1
|
前端开发 API
歌谣学前端之react三个api之一续集
歌谣学前端之react三个api之一续集
50 0
|
前端开发 JavaScript 开发者
前端工程化的检验/格式化/规范化之ESlint
ESLint是一个流行的前端代码检测工具,它可以帮助开发者快速检查和格式化前端项目,并确保代码符合规范化的要求。
110 0
|
前端开发 JavaScript 开发者
前端工程化中重要概念之检验/格式化/规范化
前端工程化中检验/格式化/规范化的重要性及其工具介绍 在前端开发中,代码的质量非常重要。为了确保代码的质量,开发者需要对代码进行检验、格式化和规范化。下面介绍一些在前端工程化中常用的检验/格式化/规范化工具及其作用:
122 0