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

本文介绍了项目开发中使用的time-formater时间格式化插件,尽管它在TypeScript支持上有限,但作者强调其在实际开发中的价值。文章详细讲解了如何安装和在Node.js与浏览器环境下的使用,以及它的各种格式化参数。同时,作者分享了个人的学习资源和鼓励团队合作的重要性。
摘要由CSDN通过智能技术生成

记录一些项目中用的到的插件,方便以后及时翻看…

求关注,求收藏,求点赞,如果发现博主有写的不合理的地方请及时告知,谢谢~

前言

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

在这里插入图片描述

在实际项目的开发中,一个中大型项目往往会使用到非常多插件、工具,如果说一个项目全部靠团队开发,那明显是不现实的,且不说存在重复造轮子的问题,如果要将工具开发的具有较强的应用性还是要投入非常大的精力的(除非是业务的特殊性导致没有任何插件或工具符合期望);

本系列的文章主要目的是记录日常开发中应用到的JS插件,并且将一些用法记录下来,方便自己以及各位小伙伴查阅;

本文的主角:time-formater(npm地址),这是一个时间格式化工具,虽然有点小众,并且也没有@types,这也就导致了无法在TypeScript中应用,可能有人会问那这为啥还要用…不要问

安装与使用

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

安装就是常规的安装方式,再次声明,没有@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 |

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

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

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

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

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

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

最后

一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。

分享一些前端面试题以及学习路线给大家

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
img

学习路线给大家**

[外链图片转存中…(img-awrtM18J-1712541334596)]

[外链图片转存中…(img-SaquX356-1712541334597)]

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-F32jREGm-1712541334597)]

  • 16
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值