时间格式化一直是前端工作中经常遇到的需求。使用 npm 包 time-format-ticks 可以方便地完成时间格式化的任务。
安装
使用 npm 进行安装。
--- ------- -----------------
使用方法
引入包后，调用 timeFormat 函数即可将时间格式化成特定的格式。
----- - ---------- - - ----------------------------- ----- ---- - --- ------- ----- ------------- - ---------------------- ---------- ------ --------------------------- -- ---------- --------
格式化参数
timeFormat 函数接受两个参数：
- 格式字符串：指定时间格式的字符串，可以自定义格式或者使用预设格式。
- 日期时间：需要进行格式化的时间对象，可以是 js 的 Date 实例或者时间戳。
自定义格式
可使用的格式化参数包括：
| 格式符 | 说明 | 示例 |
|---|---|---|
| yyyy | 四位数年份 | 2022 |
| yy | 两位数年份 | 22 |
| MM | 两位数月份，如果不足两位数会在前面加上 0 | 03 |
| M | 一位或两位数月份，1 月为 1 | 3 |
| dd | 两位数日期，如果不足两位数会在前面加上 0 | 01 |
| d | 一位或两位数日期，1 日为 1 | 1 |
| hh | 两位数小时，如果不足两位数会在前面加上 0 | 11 |
| h | 一位或两位数小时，0 到 23 | 11 |
| mm | 两位数分钟，如果不足两位数会在前面加上 0 | 02 |
| m | 一位或两位数分钟，0 到 59 | 2 |
| ss | 两位数秒钟，如果不足两位数会在前面加上 0 | 03 |
| s | 一位或两位数秒钟，0 到 59 | 3 |
| S | 三位数毫秒，如果不足三位数会在前面补 0，如果不需要补 0 用小写 s 代替 | 004 |
| Z | 时区偏移量 | +08:00, -05:00, Z, etc |
可以根据需要自定义格式字符串进行格式化。例如：
----- - ---------- - - ----------------------------- ----- ---- - --- ------- ----- ------------- - ---------------------- ------------ --- ------ --------------------------- -- ---------- ------------ ------
预设格式
time-format-ticks 还提供了一些常用的时间格式预设。可以使用 preset 函数指定预设的格式即可。
----- - ----------- ------ - - ----------------------------- ----- ---- - --- ------- ----- ------------- - ------------------------------ ----------- ------ --------------------------- -- ----------- --------
可用的 preset 格式包括：
- YYYY年MM月DD日 HH:mm:ss
- MM/DD/YYYY HH:mm:ss
- YYYY/MM/DD HH:mm:ss
- YYYY-MM-DD HH:mm:ss
推荐使用预设格式进行时间格式化，因为这些格式都是符合国际标准的，便于统一管理。
总结
通过使用 npm 包 time-format-ticks，我们可以方便地进行时间格式化，并且支持自定义格式和预设格式，大大减少了时间格式化的复杂度和工作量，也使得代码可读性更高。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedb0e8b5cbfe1ea06110f2