vue实现自定义过滤器之时间格式自定义
2018-02-02 20:16
736 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- <title>过滤器</title>--> <title>自定义过滤器</title> </head> <script src="/vue.min.js"></script> <body> <!--<div id="app">--> <!--{{list| json| uppercase }}--> <!--</div>--> <div id="app"> {{time|datefmt}} </div> </body> <script> // new Vue({ // el:'#app', // data:{ // list:[{uname:'itcase'},{uname:'heima'}] // } // }); new Vue({ el:'#app', data:{ time:new Date() }, //在某一个vue对象里定义的过滤器为私有过滤器 //这种过滤器只有在当前vue对象el指定的监管的区域有用 //接下来定义过滤器 filters:{ //input是自定义的过滤器的默认参数,input的值永远都是取自于|左边的内容 datefmt:function (input) { //过滤器的逻辑:将input的值格式化成这种yyy-mmm-ddd字符串输出 var res=""; var year=input.getFullYear(); var month=input.getMonth()+1; var day=input.getDate(); res=year+'-'+month+'-'+day; return res;//返回我们格式化以后的东西 } } }); </script> </html>
相关文章推荐
- Vue自定义过滤器格式化数字三位加一逗号实现代码
- vue实现添加删除,筛选,还有自定义全局过滤器的功能
- vue2.0 自定义日期时间过滤器
- angularjs --- 自定义时间格式的过滤器
- GridView中如何实现自定义时间货币等字符串格式?
- GridView实现自定义时间货币等字符串格式
- Vue-Cli中自定义过滤器的实现代码
- 详解Vue自定义过滤器的实现
- vue.js将时间戳转化为日期格式的实现代码
- GridView实现自定义时间货币等字符串格式
- GridView控件实现自定义数字、时间、货币字符串格式
- 10.GridView实现自定义时间货币等字符串格式:
- vue.js将unix时间戳转换为自定义时间格式
- vue将时间戳转换成自定义时间格式的方法
- angular自定义过滤器过滤时间格式
- js将number数值转化成为货币格式,货币格式化,金钱过滤器,货币过滤器,vue货币过滤金钱过滤全局和局部两种实现方式
- GridView中实现自定义时间货币等字符串格式
- GridView实现自动编号;GridView实现自定义时间货币等字符串格式;GridView实现用“...”代替超长字符串;GridView一般换行与强制换行;GridView显示隐藏某一列;
- vue2.0 自定义日期时间过滤器
- GridView实现自定义时间货币等字符串格式: