插件系列 => 时间格式化 DayJs 多少时间之前_vant4 dayjs-程序员宅基地

技术标签: vue  # 【插件系列】  dayjs  

1.创建timeFilter.js文件

import Vue from 'vue';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import relativeTime from 'dayjs/plugin/relativeTime';

dayjs.extend(relativeTime);
dayjs.locale('zh-cn');

// 全局过滤器:处理相对时间
Vue.filter('relativeTime', (value) => {
    
    return dayjs().to(dayjs(value));
});

2.结构使用

<span>{
   { articleItem.pubdate | relativeTime }}</span>

结合vant设置出生年月日

import dayjs from 'dayjs';
 async onConfirm(val) {
    
            const time = dayjs(val).format('YYYY-MM-DD');
            const [err, res] = await asyncErrorHandler(
                editUserprofileAjax({
    
                    birthday: time,
                })
            );
            if (err) return this.$toast.fail('设置生日失败');
            this.$toast.success('设置生日成功');
            this.$emit('input', time);
            this.$emit('close');
            console.log(err, res);
        },

这里我错误的位置就是dayjs(val).format('YYYY-MM-DD');fornat写成了formate

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_48200589/article/details/109709167

智能推荐

linux系统进入图文界面,Linux启动界面切换:图形界面-字符界面-程序员宅基地

文章浏览阅读2.2k次。Linux字符界面切换到图形界面由字符界面切换到图形界面可用两种简单方法实现:1、在字符界面输入startx或init 5 。2、通过编辑/etc/inittab文件实现默认进入图形界面。把其中的id:3:initdefault中的3改为5,这样以后系统启动后将直接进入文本模式。以下是配置引导进入图形模式的etc/inittab文件的部分内容:#Default runlevel.The runle..._linux图形化和文字界面

java实现文件下载,兼容IE和火狐的方法-程序员宅基地

文章浏览阅读413次。String path = url; String name = resources.getResourceName(); File file = new File("D:\\"+path); String agent = request.getHeader("User-Agent"); boolean isMSIE = (agent != null && agen..._java 兼容模式下载

基于SSM的网上书城管理系统+00210(免费领源码)可做计算机毕业设计JAVA、PHP、爬虫、APP、小程序、C#、C++、python、数据可视化、大数据、全套文案_网上书城商品管理系统-程序员宅基地

文章浏览阅读951次,点赞12次,收藏21次。本选题则旨在通过标签分类管理等方式,实现首页、网站管理(轮播图、通知公告)、人员管理(管理员、普通用户)、内容管理(交流论坛、论坛分类、文章资讯、文章分类)、购物管理(图书商城、分类列表、订单列表)、模块管理(用户反馈)、个人管理(个人信息,修改密码)等信息管理功能,从而达到对网上书城管理系统信息的高效管理。_网上书城商品管理系统

redis及redis-desktop-manager的下载及安装_redisdesktopmanager下载 32位-程序员宅基地

文章浏览阅读3.3k次。一、下载安装redis链接:https://pan.baidu.com/s/1ax2mMEfT5JPpqPv1YV5XNA 提取码:zfu0官网地址:Releases · tporadowski/redis · GitHubredis-desktop-manager链接:https://pan.baidu.com/s/1BxfcOdTCUXvJTycp_ET6Qw 提取码:cvbk二、启动redis解压后双击redis-server.exe启动出现如下图小黑板表示启动成功了_redisdesktopmanager下载 32位

B站狂神说--ElasticSearch笔记_狂神elasticsearch笔记-程序员宅基地

文章浏览阅读1.6k次。课程(免费)网址:https://www.bilibili.com/video/BV17a4y1x7zq?spm_id_from=333.999.0.0笔记来源:https://www.kuangstudy.com/bbs/1442736481234939905#header30ps:狂神很良心,yyds!一、ElasticSearch概述1.ElasticSearchElasticsearch是一个实时分布式搜索和分析引擎。 它让你以前所未有的速度处理大数据成为可能。它用于全文搜索、结构化搜_狂神elasticsearch笔记

TaskQuery查询API-程序员宅基地

文章浏览阅读1w次。1、TaskQuery查询API 有两种方法可以从引擎中查询数据:查询API和原生查询。查询API提供了完全类型安全的API。 你可以为自己的查询条件添加很多条件 (所以条件都以AND组合)和精确的排序条件。下面的代码展示了一个例子:Java代码 List tasks = taskService.createTaskQuery() _taskquery

随便推点

《C程序员从校园到职场》第4章 变量和函数-程序员宅基地

文章浏览阅读70次。第4章 变量和函数 路人甲到电信营业厅去交电话费,给营业员说要充50块钱,那个营业员问了一句“How much?”路人甲心想现在社会真的与以往不同了,连一般的营业员都开始流行讲英语了,于是便以不是很流利的口语说了一句“Fifty YUAN”。那个营业员一头雾水地看着他,说道“电话号码多少?”路人甲这才恍然大悟,原来是问我电话号码多少,而非多少钱。 也许这个笑话本身并不好笑,但却说明了一个道理:...

FREERTOS学习笔记,任务通知_以下程序,ulvalue中的值是()ulong auldata[10] = {10, 9, 8, 7-程序员宅基地

文章浏览阅读255次。简介在之前的应用中我们通过一系列独立的任务来使用FREERTOS。但有时我们也需要任务之间相互交流。通过中间项目交流之前章节我们都是通过中间相来进行交流。例如信号量,队列等,中断或任务先将信号量或数据放入队列,然后等待其他任务的使用。任务通知(直接交流)任务通知,使得任务间可以直接交流,或使任务与中断同步。通过任务通知,中断或任务可直接将事件传递给需要的任务。任务通知功能是可选功能,若..._以下程序,ulvalue中的值是()ulong auldata[10] = {10, 9, 8, 7, 6, 5, 4, 3,

getshell_getsheell-程序员宅基地

文章浏览阅读735次。上传题:一共三个过滤请求头部的 Content-Type文件后缀请求数据的Content-Type这里是黑名单过滤来判断文件后缀,依次尝试php4,phtml,phtm,phps,php5(包括一些字母改变大小写)最终发现,php5(PHP5)可以绕过接下来,请求数据的Content-Type字段改为 image/jpeg但是一开始没注意到,上面还有一个请求头Content-..._getsheell

PL/SQL Developer查询窗口显示所有行的设置方法_plsql多个sql窗口并排显示-程序员宅基地

文章浏览阅读7.1k次。首先,点击【配置】-【首选项】然后,点击【首选项】窗口中左边栏【SQL窗口】,每页记录数选择【所有记录】就这样,查询数据较多时,不必再点击下一页按钮了,方便许多。。。 ..._plsql多个sql窗口并排显示

这 5 个前端组件库,可以让你放弃 jQuery UI_jq ui 前段-程序员宅基地

文章浏览阅读337次。本文参考文章:https://www.sitepoint.com/top-5-jquery-ui-alternatives/ 转载请注明出自:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案..._jq ui 前段

vue2 怎么用vite_Vue3之——和Vite不得不说的事-程序员宅基地

文章浏览阅读3.3k次。1.创建一个vite项目npm init vite-app cd npm installnpm run dev或者yarn create vite-app cd yarnyarn dev2.vite简介vite 是一个基于 Vue3 单文件组件的非打包开发服务器,它做到了本地快速开发启动:快速的冷启动,不需要等待打包操作;即时的热模块更新,替换性能和模块数量的解耦让更新飞起;真正的按需编译,不再等..._[vite] hmr update /src/components/common/header.vue?vue&type=style&index=0&s