Vue.filter date

Vue.filter(‘date‘, function(value, format) { var o = {

"M+": value.getMonth() + 1, // 月份 "d+": value.getDate(), // 日
"h+": value.getHours(), // 小时
"m+": value.getMinutes(), // 分
"s+": value.getSeconds(), // 秒

};

if (/(y+)/.test(format))
format = format.replace(RegExp.$1, (value.getFullYear() + "").

substr(4 - RegExp.$1.length));
for (var k in o)

if (new RegExp("(" + k + ")").test(format))
format = format.replace(RegExp.$1, (RegExp.$1.length == 1)

? (o[k])

: (("00" + o[k]).substr(("" + o[k]).length)));
return format;

});

使用方式即为:

<div>
{{ date | date ‘yyyy-MM-dd hh:mm:ss‘}} //-> 2016-08-10 09:55:35 即可

按格式输出当前时间

</div>

原文地址:https://www.cnblogs.com/zxk5625/p/10750196.html

时间: 2024-10-08 00:18:05

Vue.filter date的相关文章

Vue2.0 注册过滤器Vue.filter

Vue.filter( id, [definition] ) 参数: {string} id {Function} [definition] 用法: 注册或获取全局过滤器 1 // 注册 2 Vue.filter('my-filter', function (value) { 3 // 返回处理后的值 4 }) 5 // getter,返回已注册的过滤器 6 var myFilter = Vue.filter('my-filter') 根据上一遍笔记,可以在新的Vue2.0里面注册过滤器

Vue.filter 过滤器

[过滤器] import Vue from '../../../node_modules/vue/dist/vue'; // 后台数据与前端展示数据需要换算,与后台交互的请求的参数是不需要.假如说前端展示价格是按照元来算,而后台提供的数据是按分来算,在提交给后台,还是按照分来算. // 全局过滤器 Vue.filter('YuanToFen', function (value) { if (!Number(value)) return 0; value = Number(value); retu

解读vue filter

1.全局filter, 全局的过滤一般在main.js里面使用 <div id="app"> <div> {{testVal | filVal(10,30)}} </div> </div> <script> Vue.filter('filVal', function(val, first, second) { return val + first + second; }); new Vue({ el: '#app', data

Vue filter

1.局部filter <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatibl

vue03----生命周期、nextTick()、ref、filter、computed、vue中异步请求渲染问题(swiper不轮播)(在开发过程中遇到什么问题、踩过的坑)

### 1.vue的组件和实例都有生命周期,而且是一样的 生命周期:(组件从创建到销毁的过程) 创建 挂载 更新 销毁 组件到达某一个阶段就会自动触发某一些函数,这个函数就叫生命周期的钩子函数. 创建:组件创建的时候触发 beforeCreate created     组件刚创建的数据请求 挂载:创建完成挂载前后触发 beforeMount mounted     DOM的初始化操作 更新:数据发生改变的时候触发 beforeUpdate updated     数据的变化监听,尽量不要在这里

Vue.js 自定义过滤器

过滤器,本质上就是一个函数.其作用在于用户输入数据后,它能够进行处理,并返回一个数据结果. Vue.js 与 AngularJS 中的过滤器语法有些相似,使用管道符(|)进行连接,代码示例如下: {{'abc' | uppercase}}    'abc' => 'ABC' 这里使用了Vue.js 内置的过滤器 uppercase,将字符串中的字母全部转换成大写形式. Vue.js 支持在任何出现表达式的地方添加过滤器,除了上面例子中的 双大括号 表达式之外,还可以在绑定指令的表达式后调用,代码

vue教程2-07 微博评论功能

<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <link href="style/weibo.css" rel="stylesheet" type="text/css" /> <style> [v-cloak]{ /*比较大的段落,防止闪烁,

vue教程2-06 过滤器

过滤器: vue提供过滤器: capitalize uppercase currency.... <div id="box"> {{msg|currency ¥}} </div> debounce 配合事件,延迟执行 <div id="box"> <input type="text" @keyup="show | debounce 2000"> </div> 数据配合

vue.js之过滤器,自定义指令,自定义键盘信息以及监听数据变化

一.监听数据变化 1.监听数据变化有两种,深度和浅度,形式如下: vm.$watch(name,fnCb); //浅度 vm.$watch(name,fnCb,{deep:true}); //深度监视 2.实例用法 2.1-1浅度监听:当点击页面,弹出发生变化了,a的值变为1,b的值变为101 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">