本文最后更新于2023年3月18日,已超过402天没有更新,若内容或图片失效,请留言反馈。
Day.js是又一个处理时间和日期的JavaScript库,非常轻量级,主文件只有2KB大小,采用和Moment.js完全一样的API。

本文以最简单的方式演示其用法。

安装

这里以CDN方式引入主文件。

<script src="https://lib.baomitu.com/dayjs/1.8.13/dayjs.min.js"></script>

使用

如果仅仅是需要获取当前时间和日期,使用如下代码即可。

dayjs().format('YYYY-MM-DD HH:mm:ss')//2019-06-07 13:20:35
dayjs().format('YYYY-MM-DD')//2019-06-07

如果需要日期中文化以及更多格式,就需要使用到国际化 I18n文件和localizedFormat插件。

<script src="https://lib.baomitu.com/dayjs/1.8.13/locale/zh-cn.js"></script>
<script src="https://lib.baomitu.com/dayjs/1.8.13/plugin/localizedFormat.js"></script>
dayjs.extend(dayjs_plugin_localizedFormat);
dayjs.locale('zh-cn');

具体输出结果,请参考以下模板。

值得注意的是,如果你要用LLLL输出2019年6月7日星期五下午1点48分这样带上午下午的结果。请将zh-cn.js文件放在本地,并将

meridiem: (hour, minute, isLowercase) => { return hour > 12 ? '下午' : '上午'}

添加进去,否则下午会被显示为PM。

模版 格式 输出
LT HH:mm 8:02
LTS HH:mm:ss 15:25:50
L YYYY/MM/DD 2010/02/14
LL YYYY 年 M 月 D 日 2010 年 2 月 14 日
LLL YYYY 年 M 月 D 日 Ah 点 mm 分 2010 年 2 月 14 日下午 3 点 25 分
LLLL YYYY 年 M 月 D 日 ddddAh 点 mm 分 2010 年 2 月 14 日星期日下午 3 点 25 分
l YYYY/M/D 2010/2/14
ll YYYY 年 M 月 D 日 2010 年 2 月 14 日
lll YYYY 年 M 月 D 日 HH:mm 2010 年 2 月 14 日 15:25
llll YYYY 年 M 月 D 日 dddd HH:mm 2010 年 2 月 14 日星期日 15:25

本文所展示代码的演示效果,请访问http://lab.fengtalk.com/dayjs/

更详尽的说明,请访问https://github.com/iamkun/dayjs

标签: dayjs, dayjs国际化, js时间库, Day.js, moment.js

仅有一条评论

  1. 学习了。

评论已关闭