<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="demo">
<p>完整時間{{createTime | format()}}</p>
<p>年月日{{createTime | format("YYYY-MM-DD")}}</p>
<p>時分秒{{createTime | format("HH:mm:ss")}}</p>
</div>
</body>
<script type="text/javascript" src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.24.0/moment.min.js"></script>
<script>
Vue.filter("format",function(value,date='YYYY-MM-DD HH:mm:ss'){
return moment().format(date);
})
var vm=new Vue({
el:"#demo",
data:{
createTime:new Date()
}
})
</script>
</html>
第一步：下載下傳：
npm install moment --save
第二步：然後再入口檔案 main.js中導入并使用
import moment from ‘moment’//導入檔案
Vue.prototype. m o m e n t = m o m e n t ; / / 賦 值 使 用 第 三 步 ： 這 個 時 候 ， 在 項 目 就 可 以 t h i s . moment = moment;//指派使用 第三步：這個時候，在項目就可以this. moment=moment;//指派使用第三步：這個時候，在項目就可以this.moment來使用moment的一系列方法了
例：
this. m o m e n t ( ) . f o r m a t ( ′ y y y y − M M − d d ′ ) ; l e t d a t e V a l u e = t h i s . moment().format('yyyy-MM-dd'); let dateValue =this. moment().format(′yyyy−MM−dd′);letdateValue=this.moment(new Data()).format(“YYYY-MM-DD”);//2019-04-12
複制代碼
![vue搜尋關鍵詞高亮前端效果[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)