vue中使用day.js(时间日期处理库)
安装:npm install dayjs --save引入:var dayjs = require('dayjs') //commonjs//import dayjs from 'dayjs' // ES 2015如果需要使用到插件,那么还需引入插件并使用:eg:importrelativeTimefrom"dayjs/plugin/relativeTime";//importrelativeTi
·
安装:npm install dayjs --save
引入:
var dayjs = require('dayjs') //commonjs
//import dayjs from 'dayjs' // ES 2015
如果需要使用到插件,那么还需引入插件并使用:
eg:
import relativeTime from "dayjs/plugin/relativeTime"; // import relativeTime plugin
dayjs.extend(relativeTime); // use
dayjs输入默认是英文,如需可以加载其他语言:
eg: import "dayjs/locale/zh-cn"; // 中文
支持的语言:https://github.com/iamkun/dayjs/tree/dev/src/locale
使用:
<template>
<div>{{aaa}}</div> //直接使用
<div v-for="item in xxx">
{{ dayjs(item).locale("zh-cn").fromNow() }} //无法直接使用
{{ _dayjs(item).locale("zh-cn").fromNow() }} //可以将dayjs设为当前实例属性
</div>
</template>
import dayjs from "dayjs";
import relativeTime from "dayjs/plugin/relativeTime";
import "dayjs/locale/zh-cn";
dayjs.extend(relativeTime);
export default {
data() {
return {
_dayjs:''
};
},
created() {
this.aaa = dayjs("2020-8-01").locale("zh-cn").fromNow();
this._dayjs = dayjs;
}
};
挂载到全局:
main.js
import dayjs from "dayjs";
import relativeTime from "dayjs/plugin/relativeTime";
import "dayjs/locale/zh-cn";
dayjs.extend(relativeTime);
Vue.prototype.$dayJS = dayjs;
console.log(Vue.prototype.$dayJS);
获取或设置月份的日期:
dayjs().date()
dayjs().date(1)
获取或设置星期几:
dayjs().day()
dayjs().day(0)
获取或设置ISO星期:
dayjs.extend(isoWeek)
dayjs().isoWeekday()
dayjs().isoWeekday(1); // Monday
加上时间:返回一个克隆的Day.js对象,并添加指定的时间。
dayjs().add(7, 'day') //day week month ...
同理减去时间:
dayjs().subtract(7, 'year') //...
指定时间以前:
dayjs.extend(relativeTime)
var a = dayjs()
var b = dayjs('1990-01-01')
a.from(b) // 2 years ago
...
更多推荐
已为社区贡献2条内容
所有评论(0)