filters与moment过滤时间

Posted 2021-01-01 congtt

// 安装 moment

npm i moment 

 

// 引入

<script src="./vue.js"></script>

<script src="./node_modules/moment/moment.js"></script>

 

// html里使用

 

<div id="app">

　　<!-- | 叫做：管道符 -->

　　<!-- 过滤器的语法：要格式化的数据 管道符号 过滤器名称 -->

　　<h1>{{ myDate | date(‘YYYY‘) }}</h1>

　　<h1>{{ myDate | date(‘YYYY-MM-DD HH:mm:SS‘) }}</h1>

</div>

 

// data准备数据

 

data: {

　　myDate: new Date()

},

 

//

 

// 局部过滤器：

 

filters: {

　　// 对象的键表示过滤器名称

　　// 对象的值表示使用过滤器时，要执行的函数

　　// 注意：不要使用箭头函数来创建过滤器（methods 中也不能用箭头函数，但是方法内部可以用）

　　date(input, format = ‘YYYY-MM-DD HH:mm:SS‘) {

　　　　return moment(input).format(format)

　　}

}