【笔记】Day.js学习笔记

前言

Day.js学习笔记

引入依赖

1
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script>

调用Day.js

  • 在引入dayjs.js后,dayjs会作为window对象的属性

获取Day.js对象

1
var day = dayjs();

格式化日期和时间

字符串转换为Day.js对象

1
var day = dayjs("2006-01-02 15:04:05");

毫秒级时间戳转换为Day.js对象

1
var day = dayjs(1136185445000);

秒级时间戳转换为Day.js对象

1
var day = dayjs.unix(1136185445);

JS时间对象转换为Day.js对象

1
var day = dayjs(new Date("2006-01-02"));

Day.js对象转换为字符串

1
var result = day.format("YYYY-MM-DD HH:mm:ss")
1
var result = day.format(); // "2006-01-02T15:04:05+08:00"

从Day.js对象中获取年月日时分秒

1
day.year();

  • 从0开始
1
day.month() + 1;

1
day.date();

1
day.hour();

1
day.minute();

1
day.second();

星期

  • 范围为[0,6],0为星期日
1
day.day();

修改Day.js对象的年月日时分秒

1
day.year(2006);

  • 从0开始
1
day.month(0);

1
day.date(2);

1
day.hour(15);

1
day.minute(4);

1
day.second(5);

星期

  • 范围为[0,6],0为星期日
1
day.day(6);

计算

偏移时间

1:偏移量,正数向后偏移,负数向前偏移
year:偏移的日期单位

1
day.add(1, "year");
1
day.subtract(-1, "year");

1
day.add(-1, "year");
1
day.subtract(1, "year");

获取开始时间

1
var result = day.startOf("year"); // "1970-01-01 00:00:00"

Day.js的插件

距离现在的时间

引入依赖

1
2
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/plugin/relativeTime.js"></script>

加载插件

1
dayjs.extend(dayjs_plugin_relativeTime);

获取距离现在的时间

1
2
var day = dayjs();
var fromNow = day.fromNow();

Day.js的国际化

中文

引入依赖

1
2
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/locale/zh-cn.js"></script>

设置语言

1
dayjs.locale("zh-cn");

完成