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

vue使用

安装

npm install dayjs --save

使用

<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;
  }
};
 
 
 

来源

微信小程序dayjs使用

• 在小程序项目中 npm init -y 初始化
• 下载 npm i dayjs
• 在需要的地方调用

import dayjs from "dayjs";
import 'dayjs/locale/zh-cn';
import rtime from 'dayjs/plugin/relativeTime';
dayjs.locale('zh-cn');
dayjs.extend(rtime);

//相对时间的使用
dayjs().to(dayjs(改变的值));

• 在 详情-本地设置勾选 使用npm模块
• 在 工具 点击构建npm
• 删除 miniprogram_npm 中的dayjs文件夹
• 在 node_modules-dayjs-package.json 添加

  "miniprogram":"esm"

• 在 工具 点击构建npm