vue 日期格式化返回指定个数月份_vue过滤器实现日期格式化的案例分析

说明

今天将要介绍的是vue中的过滤器，并且将实现一个日期格式化的小案例。

大家都知道，我们获取当前日期可以通过Date对象获取。下面我将获取当前时间并打印出来。

console.log(new Date());

我们获取的是一个标准时间，控制台的输出如下所示。

在实际项目开发中，我们通常获取标准时间后不是直接拿来使用，而是要进行一些操作然后将它显示在页面中，我们将这些操作称作时间格式化。

过滤器

在vue中，我们可以使用过滤器来进行时间格式化。它的写法如下：

// Vue.filter(过滤器名称,处理函数)

使用的方式

具体代码

代码如下：

Document

今天的日期是：{{timer|timerFilter('-')}}

Vue.filter("timerFilter", function (time, type) {

const month =

time.getMonth() + 1 > 10

? time.getMonth() + 1

: "0" + (time.getMonth() + 1);

const day =

time.getDate() > 10 ? time.getDate() : "0" + time.getDate();

return time.getFullYear() + type + month + type + day;

});

new Vue({

el: "#app",

data: {

timer: new Date(),

});

代码的运行结果如下所示：

到此这篇关于vue过滤器实现日期格式化的案例分析的文章就介绍到这了,更多相关vue 过滤器日期格式化内容请搜索随便开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持随便开发网！

vue 日期格式化返回指定个数月份_vue过滤器实现日期格式化的案例分析相关推荐

vue 日期格式化返回指定个数月份_python时间与日期处理一次看个够（time、datetime、calendar）...
前言 python中常常会遇见时间.日期相关的处理,python标准库其实就提供了非常强大的处理能力,它们是time.datetime.calendar标准库,下面是它们常见的一些用法,一起来看看吧! ...
vue 日期格式化返回指定个数月份_12、vue中日期格式化转换的函数
/** * format time depend on the offer timestamp or Date instance * @param {Number, Date } date 要转 ...
oracle中datepart函数,Asp DatePart 函数的语法详解(用于计算日期并返回指定的时间间隔)...
Asp DatePart 函数的语法详解(用于计算日期并返回指定的时间间隔) 更新时间:2012年07月31日 21:32:58 作者: ASP(VBScript) 参考手册中,已经对 DateP ...
spring boot+jpa+MySQL格式化返回数据中实体对象对应的日期格式
在controller中设置返回参数中的日期格式有三种: 1.在配置文件application.yml中设置整个项目关于日期的格式: spring: jackson: time-zone: GMT+8 ...
vue获取当前时间和前一天时间_vue如何判断日期是今天？还是昨天？还是前天？...
整理了下,满足日常使用 function formatDate(date) { const mistiming = Math.round((Date.now() - new Date(date).ge ...
access日期如何增加年数_ACCESS支持的时间日期函数
ACCESS支持的时间日期函数参考文章一: 找了半天,终于在微软的网站找到了,对于做ACCESS数据库开发人来说还是有点用处的,有时间的话我会把它翻译成中文.(注:其中大部分对于Access是适用了 ...
python输入日期计算天数_用python计算日期（1、返回指定日期所在的一周，2，计算一个日期的月份和天数加减）...
放两个小轮子吧,欢迎测试bug,然后告诉我: 1.返回指定日期所在的一周 2,计算一个日期的月份和天数加减 # -*- coding: utf-8 -*- """ Cre ...
SQL学习（五）：lastday函数（返回指定日期所在月份的最后一天）
last_day(time):函数返回指定日期对应月份的最后一天例: 表test_1数据如下: 获取日期对应月份的最后一天 SELECT LAST_DAY(tdate) AS DATE FROM t ...
数据库 SQL 时间处理函数获取指定或最近期时间范围内日期月份年份列表
1.Oracle Oracle sql 获取时间 https://blog.csdn.net/rexueqingchun/article/details/83412131 原 Oracle查询今天 ...

vue 日期格式化返回指定个数月份_vue过滤器实现日期格式化的案例分析

vue 日期格式化返回指定个数月份_vue过滤器实现日期格式化的案例分析相关推荐

最新文章

热门文章