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

模版格式输出
LTHH:mm8:02
LTSHH:mm:ss15:25:50
LYYYY/MM/DD2010/02/14
LLYYYY 年 M 月 D 日2010 年 2 月 14 日
LLLYYYY 年 M 月 D 日 Ah 点 mm 分2010 年 2 月 14 日下午 3 点 25 分
LLLLYYYY 年 M 月 D 日 ddddAh 点 mm 分2010 年 2 月 14 日星期日下午 3 点 25 分
lYYYY/M/D2010/2/14
llYYYY 年 M 月 D 日2010 年 2 月 14 日
lllYYYY 年 M 月 D 日 HH:mm2010 年 2 月 14 日 15:25
llllYYYY 年 M 月 D 日 dddd HH:mm2010 年 2 月 14 日星期日 15:25

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

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

文章目录