Vue.js基础_过滤器
2019-08-07 14:40
1186 查看
github上面的moment项目(JavaScript)
日期格式化组件
BootCDN引入开源项目:BootCDN
时间过滤器
[code]<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> <script src="https://cdn.bootcss.com/moment.js/2.24.0/moment.js"></script> </head> <body> <div id="demo"> <p>{{date|dateString}}</p> <p>{{date|dateString('YYYY-MM-DD')}}</p><!--指定参数format--> <p>{{date|dateString('HH:mm:ss')}}</p> </div> </body> <script> Vue.filter('dateString',function (value,format) { return moment(value).format(format||'MMMM Do YYYY, h:mm:ss a') //如果传了用format,没传参数用'MMMM Do YYYY, h:mm:ss a' }) /* //也可以写成形参换值形式 Vue.filter('dateString',function (value,format='MMMM Do YYYY, h:mm:ss a') { return moment(value).format(format) //如果传了用format,没传参数用'MMMM Do YYYY, h:mm:ss a' }) */ new Vue({ el:'#demo', data:{ date:new Date() } }) </script> </html>
相关文章推荐
- Vue.js基础-过滤器(filters)
- vue.js--基础事件定义,获取数据,执行方法传值
- 【2019/1/2】Vue.js 基础内容
- Vue.js基础使用教程
- vue.js路由vue-router(一)——简单路由基础
- Vue.js之render函数基础
- Vue.js基础拾遗
- Vue.js基础知识
- vue.js学习笔记第一季-基础指令集(JS胖老师课程)
- Vue.js 2.0 从基础到组件
- Vue.js使用filter自定义过滤器对时间进行格式化(javascript原生写法)
- Vue.js组件——组件的基础知识
- 看程序学Vue.js 9- 使用过滤器
- 2018最全Vue.Js从基础到实战案例高级课程大合集12套教程 价值上千元 [
- Vue.js基础
- Vue.js学习 Item14 – 过滤器与自定义过滤器
- Vue.js 指南-基础
- vue.js基础-声明式渲染和条件与循环
- 智能社Javascript专题:Vue.JS技术视频教程 Vue.JS七天基础培训视频教程
- Vue.js每天必学之过滤器与自定义过滤器