时间在前端开发中经常会被使用到,我们需要将时间格式化成指定的字符串,比如把 “2022-01-01” 格式化成 “2022年1月1日”。在这种情况下,使用 npm 包 time_format 可以帮助开发人员快速实现时间格式化,节省开发时间。
安装
安装 time_format 包的命令如下:
npm install time_format
引入
使用方法非常简单,只需要在要用的页面或组件中引入即可。
import timeFormat from 'time_format';
使用
time_format 包提供了很多格式化时间的选项,包括年、月、日、时、分、秒等。下面是时间格式化的一些示例。
格式化年月日
const date = new Date(2022, 0, 1); const format = "yyyy年M月d日"; // 格式化字符串 const result = timeFormat(date, format); // 调用 timeFormat 进行格式化 console.log(result); // 输出结果:2022年1月1日
格式化时分秒
const date = new Date(2022, 0, 1, 10, 30, 0); const format = "hh:mm:ss"; // 格式化字符串 const result = timeFormat(date, format); // 调用 timeFormat 进行格式化 console.log(result); // 输出结果:10:30:00
其他时间格式
time_format 还提供了很多其他的格式化选项,如下表所示。
格式 | 描述 |
---|---|
yyyy | 四位年份,如:2022 |
yy | 两位年份,如:22 |
M | 月份,不加前导零,如:1 |
MM | 月份,加前导零,如:01 |
d | 日,不加前导零,如:1 |
dd | 日,加前导零,如:01 |
h | 小时,12 小时制,不加前导零,如:1 |
hh | 小时,12 小时制,加前导零,如:01 |
H | 小时,24 小时制,不加前导零,如:1 |
HH | 小时,24 小时制,加前导零,如:01 |
m | 分钟,不加前导零,如:1 |
mm | 分钟,加前导零,如:01 |
s | 秒,不加前导零,如:1 |
ss | 秒,加前导零,如:01 |
S | 毫秒,不足三位补零,如:001 |
w | 星期几的全称,如:Sunday |
ww | 星期几的缩写,如:Sun |
结语
时间格式化在前端开发中经常使用,使用 time_format 包可以方便快捷地实现时间的格式化。通过本篇文章的学习,相信大家已经掌握了这个包的使用方法,并且能够在实际项目中使用它来处理时间格式了。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/70956