vue-cli中把时间戳转化为日期格式和封装接口

vue-cli中把时间戳转化为日期格式

封装一个date.js文件：

export function formatDate (date, fmt) {
  if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
  }
  let o = {
    'M+': date.getMonth() + 1,
    'd+': date.getDate(),
    'h+': date.getHours(),
    'm+': date.getMinutes(),
    's+': date.getSeconds()
  };
  for (let k in o) {
    if (new RegExp(`(${k})`).test(fmt)) {
      let str = o[k] + '';
      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
    }
  }
  return fmt;
};

function padLeftZero (str) {
  return ('00' + str).substr(str.length);
};

然后在其他组件中使用你需要转换的时间戳：

<template>
   <div>截止时间：{{item.END_TIME | formatDate }}</div>
    <!-- 输出结果 -->
    <!-- <div>截止时间：2016-07-23 21:52</div> -->
</template>
<script>
 import {formatDate} from '../api/date.js'
export default {
    filters: {
        formatDate(time) {
            var date = new Date(time);
            return formatDate(date, 'yyyy-MM-dd hh:mm');
        }
    }
}
</script>

vue-cli中把接口地址封装起来

封装一个baseURL.vue文件：

<script>
  const url = 'http://121.12.92.39:8090';

  export default {
    name: 'baseURL',
    url
  }
</script>

然后在你需要使用接口的组件中调用：

<script>
  import baseURL from '../api/baseURL'
    export default {
        name: "contribute",
      created(){
          this.conwrap()
      },
      methods:{
        conwrap(){  //使用封装好的接口地址
          this.$ajax.get(baseURL.url+'/FH_AM6/api/theme/getThemeList').then((res)=>{
            let code =res.data.code
            if(code ==200){
              this.lists = res.data.data;
            }
          }).catch((response)=>{
            console.log(response);
          })
        }
      }
    }
</script>

以上就是vue-cli中把时间戳转化为日期格式和封装接口全部内容