vue中使用day.js(时间日期处理库）

安装：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...

vue中使用day.js(时间日期处理库）相关推荐

Vue中利用moment.js(时间格式化插件)做一个倒计时组件
moment.js 文档:https://momentjs.com/docs/#/-project-status/ 1.使用npm安装moment npm install moment --save ...
vue中通过monment.js插件来将时间戳转换为常用的时间格式
vue中通过monment.js插件来将时间戳转换为常用的时间格式在项目中很多时候需要展示时间信息,我们一般都是用时间戳来传输时间信息,但是我们在页面展示的话是我们想要的常见格式,比如:2021-4 ...
如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表
本文首发:<如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表> 使用 Chart.js 在 Vue 搭建的后台管理工具里添加炫酷的图表,是所有数据展示类后台必备的功 ...
vue js 定义对象_JS标准内置对象Proxy及Vue中的proxy.js文件
昔登铜井望法华,葱茏螺黛浮蒹葭.今登法华望铜井,湖水迷茫烟色瞑.-- <登法华寺山顶> Proxy是什么 Proxy是JS标准内置对象中的一个对象.用于创建一个对象的代理.从而实现对对象操 ...
vue中config/index.js:配置的详细理解
当我们需要和后台分离部署的时候,必须配置config/index.js: 用vue-cli 自动构建的目录里面 (环境变量及其基本变量的配置) 1 2 3 4 5 6 7 8 9 10 11 12 ...
vue中解决three.js出现内存泄漏丢失上下文问题
vue中解决three.js出现内存泄漏丢失上下文问题参考文章: (1)vue中解决three.js出现内存泄漏丢失上下文问题 (2)https://www.cnblogs.com/lichuank ...
java 正则表达式判断日期_怎么在java中利用正则表达式对时间日期进行判断
怎么在java中利用正则表达式对时间日期进行判断发布时间:2020-12-08 16:18:34 来源:亿速云阅读:105 作者:Leah 这篇文章给大家介绍怎么在java中利用正则表达式对时间日 ...
在vue中使用three.js
vue中使用three.js vue 安装: npm install --save three 在要使用的页面中引入three.js import * as Three from 'three' 参考 ...
vue中使用raphael.js实现地图绘制
一.效果图二.在vue中引入raphael.js npm i raphael -S 三.封装一个名为StreetMap的组件,代码如下 1 <template> 2 <div> ...

vue中使用day.js(时间日期处理库）

vue中使用day.js(时间日期处理库）相关推荐

最新文章

热门文章