冯言疯语

文章 分类 评论
70 10 37

站点介绍

这里是站点介绍...

Day.js-又一个处理时间和日期的JS库

fengtalk 2019-06-07 1077 1条评论 捣鼓前端 dayjsdayjs国际化js时间库Day.jsmoment.js

首页 / 正文

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

评论(1)

  1. 奶爸de笔记 游客 2019-06-08 03:01 回复

    学习了。

最新评论

  • Jake

    docker解千愁

  • fengtalk

    奶罩回归,值得期待。

  • Taipei

    出去外面野了一圈,感觉还是低调的 DNSPOD 最靠谱! 先把域名转了再说 听说 DP 正在改版,还是非常期待的。。。

  • fengtalk

    这难道是宿命?

  • 小布

    用来用去,还是回归到dnspod

  • fengtalk

    明智的选择! 域名多了,还是需要一个统一的解析平台。 网络公司的域名,各种来源……

  • 奶爸建网站笔记

    我就还是用的DNSPOD和域名商自己的。

  • 奶爸de笔记

    学习了。

  • fengtalk

    原理基本差不多。

  • 奶爸de笔记

    还有好多优化插件现在也支持延迟加载图片。

日历

2022年01月

      1
2345678
9101112131415
16171819202122
23242526272829
3031     

文章目录

配色方案