Day.js-又一个处理时间和日期的JS库
本文最后更新于2023年3月18日,已超过613天没有更新,若内容或图片失效,请留言反馈。
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。
学习了。