1 首先在vue項目中

npm install moment

import moment from "moment";
Vue.prototype.$moment = moment;

Vue.filter("dateformat", function(value, formatString) {
  formatString = formatString || "YYYY-MM-DD";
  // return moment(value).format(formatString);
  return moment(value).format(formatString); // 這是時間戳轉(zhuǎn)時間
});

filter兩個參數(shù) 第一個是函數(shù)名 第二個是時間格式化處理的函數(shù)

3 只需要在需要格式化時間的地方使用插值表達式就OK了

  <!-- 子標題 -->
      <p class="subtitle">
          <span>發(fā)表時間：{{ newsinfo.add_time | dateformat('YYYY-MM-DD HH:mm:ss')}}</span>
          <span>點擊{{ newsinfo.click }}次</span>
     </p>

第二種方法
引入moment.js
npm install moment --save
直接在所需要的組件中引入就ok了

<script>
let moment = require("moment");
export default {
data() {
return {
}

可以直接使用了

if(this.ruleForm2.startTime == '' || this.ruleForm2.startTime == null || this.ruleForm2.startTime == undefined){
this.ruleForm2.startTime = ''
}else {
this.ruleForm2.startTime = moment(this.ruleForm2.startTime).format('YYYY-MM-DD')
}

如果是想要 轉(zhuǎn)化為年月日分秒

this.ruleForm2.startTime = moment(this.ruleForm2.startTime).format('YYYY-MM-DD HH-mm'）

官網(wǎng)鏈接http://momentjs.cn/docs/