《JavaScript插件》时间格式化工具time-formater的详解

安装与使用

===============================================================

安装就是常规的安装方式,再次声明,没有@types/time-formater,需要自己补上

// 安装

npm i -S time-formater

使用的话在Node中和浏览器环境都差不多,只是规范不同

// 可以

const timeFormater = require(‘time-formater’)

// 也可以

import timeFormater from “time-formater”;

语法

============================================================

解析参数


format函数接收许多预设定好的形参作为参数(其它参数见第二章节),比如最常见的"YYYY-MM-DD HH:mm:ss",代表当前时间并且精确到秒

// 2022-02-09 12:12:12

timeFormater().format(“YYYY-MM-DD HH:mm:ss”)

这是当前的全时间,如果要裁剪都是支持的,比如

// 2022-02-09 12:12

timeFormater().format(“YYYY-MM-DD HH:mm”)

// 2022-02-09 12

timeFormater().format(“YYYY-MM-DD HH”)

甚至连接符也可以改

// 2022/02/09 12/12/12

timeFormater().format(“YYYY/MM/DD HH/mm/ss”)

参数


format函数的使用参数远不止上面这些,它接收许多预设定好的参数,比如想知道当前是星期几,那么可以输入参数"d"

// 三

timeFormater().format(“dd”)

// // 2022/三月/09 12/12/12

timeFormater().format(“YYYY/MMMM/DD HH/mm/ss”)

具体如下:

| 名称 | 参数 | 输出 |

| — | — | — |

| 月份 | M | 1 2 3 … |

| ​ | | |

| MM | 01 02 03 … | |

| | MMM | 1月 2月 3月… |

| | MMMM | 一月 二月 三月 … |

| 季度 | Q | 1 2 3 4 |

| 日期 | D | 1 2 3 … |

| | Do | 1日 2日 3日… |

| | DD | 01 02 03 … |

| 星期 | d | 0 1 2 3 4 5 6 |

| | dd | 日 一 二 三 四 五 六 |

| | ddd | 周日 周一 周二 周三 周四 … |

| | dddd | 星期日 星期一 星期二 星期三 |

| 年份 | YYYY | 1970 1971… |

| 上午/下午等 | A | 凌晨 早上 … 下午 晚上 |

| | a | 凌晨 早上 … 下午 晚上 |

| 时刻 | H | 0 1 2 3 … 22 23 |

| | HH | 00 01 … 22 23 |

| | h | 1 2 … 11 12 |

| | hh | 01 02 … 11 12 |

| 分钟 | m | 0 1 2 … 58 59 |

| | mm | 00 01 02 … 58 59 |

| 秒 | s | 0 1 2 … 58 59 |

| | ss | 00 01 02 … 58 59 |

| 毫秒 | s | 0 1 2 … 8 9 |

| | ss | 00 01 … 98 99 |

| | sss | 000 001 … 998 999 |

| unix 时间戳 | X | 1495357559853 |

| Unix 时间戳 毫秒 | x | 1495357559853 |

其他功能

==============================================================

时差


fromNow,用于计算输入时间距离当前时间的时差,用法如下:

let fromNow = time(‘2022-01-01’).fromNow()

// 2个月前

console.log(fromNow)

倒计时


例子来源于npm官方说明,大致功能如下:

const time = require(‘time-formater’)

let remain = 100000 // 10万秒

let countdown = time.countdown(remain)

let token = ‘剩余:d天H小时m分钟s秒’

// 浏览器

function step() {

document.title = countdown.format(token) // 剩余:1天3小时46分钟40秒

requestAnimationFrame(step)

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
42014)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 27
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值