vue时间过滤器filter

属于个人代码整理

filters: {formatDate: function (e) {// 获取js 时间戳let time = new Date().getTime();// 去掉 js 时间戳后三位time = parseInt((time - e) / 1000);// 存储转换值let s;if (time < 60 * 10) {// 十分钟内return '刚刚';} else if (time < 60 * 60 && time >= 60 * 10) {// 超过十分钟少于1小时s = Math.floor(time / 60);return s + '分钟前';} else if (time < 60 * 60 * 24 && time >= 60 * 60) {// 超过1小时少于24小时s = Math.floor(time / 60 / 60);return s + '小时前';} else if (time < 60 * 60 * 24 * 3 && time >= 60 * 60 * 24) {// 超过1天少于3天内s = Math.floor(time / 60 / 60 / 24);return s + '天前';} else {// 超过3天var date = new Date(e); //时间戳为10位需*1000，时间戳为13位的话不需乘1000var Y = date.getFullYear() + '-';var M =(date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';var D = date.getDate() + ' ';var h = date.getHours() + ':';var m = date.getMinutes() + ':';var ss = date.getSeconds();return Y + M + D + h + m + ss;}},},

vue时间过滤器filter相关推荐

Vue的过滤器(filter)
在Vue.js中,过滤器主要用于文本的格式化,或者数组数据的过滤与排序等.从Vue.js2.0.0版本开始,内置的过滤器被删除了,如果使用过滤器,需要自己编写.过滤器可以用在两个地方:双花括号插值和v ...
Vue时间过滤器（转换时间类型）
创建一个过滤器能造福很多从后台传过来的时间值 1.在项目中创建一个Date.js包 2.如何在页面.vue中引用 3.把数据值转换为想要的格式: 4.属性介绍(了解): 1.在项目中创建一个Date. ...
vue 过滤器filter（全面）
在官方文档中,是这样说明的:可被用于一些常见的文本格式化,vue中过滤器的作用可被用于一些常见的文本格式化.(也就是修饰文本,但是文本内容不会改变) 补充: 过滤器分全局过滤器和局部过滤器,下边我着重 ...
如何在vue上全局使用过滤器filter
如何在vue上全局使用过滤器filter 在src下新建文件夹utils,创建filter.js文件 import Vue from 'vue'Vue.filter("publishdate ...
Vue入门三、过滤器filter
Vue中过滤器有两种: 1.全局过滤器Vue.filter('过滤器名',过滤方式fn); 2.组件内过滤器filters:{'过滤器名',过滤方式fn} 使用:{{msg|过滤器方法名}} 一.局部 ...
methods vue 使用过滤器_Vue.js中过滤器（filter）的使用
Vue.js 过滤器的基本使用(filter) vue中的过滤器分为两种:局部过滤器和全局过滤器 1.定义无参全局过滤器 Vue.filter('msgFormat', function(msg) { ...
vue 中格式化时间过滤器格式化时间
vue 中格式化时间过滤器格式化时间 data.js 格式化方法使用 * // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s) ...
手动撸代码实现Vue管道符过滤器filter功能
前言管道符的外观就是一根竖直线,也就是|.这个熟悉Linux的同学肯定不陌生了.而在Vue中,也常常能看见它的身影.比如Vue的过滤器: <div>我叫:{{name|nameFilte ...
Vue 时间插件 moment 使用
Vue 时间插件 moment 使用下载安装 npm install moment -s 注册引用全局方法 main.js 里面注册生成 import * as moment from 'mome ...

vue时间过滤器filter

vue时间过滤器filter相关推荐

最新文章

热门文章