過(guò)濾器格式化時(shí)間

date.js 格式化方法使用

// 對(duì)Date的擴(kuò)展慢蜓，將 Date 轉(zhuǎn)化為指定格式的String
// 月(M)、日(d)告喊、小時(shí)(h)麸拄、分(m)、秒(s)黔姜、季度(q) 可以用 1-2 個(gè)占位符拢切，
// 年(y)可以用 1-4 個(gè)占位符，毫秒(S)只能用 1 個(gè)占位符(是 1-3 位的數(shù)字)
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18
Date.prototype.Format = function (fmt) {
    var o = {
        "M+": this.getMonth() + 1,                 //月份
        "d+": this.getDate(),                    //日
        "h+": this.getHours(),                   //小時(shí)
        "m+": this.getMinutes(),                 //分
        "s+": this.getSeconds(),                 //秒
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
        "S": this.getMilliseconds()             //毫秒
    };
    if (/(y+)/.test(fmt))
        fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt))
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}   

export function formatTimeToStr(times, pattern) {
    var d = new Date(times).Format("yyyy-MM-dd hh:mm:ss");
    if (pattern) {
        d = new Date(times).Format(pattern);
    }
    return d.toLocaleString();
}

vue中過(guò)濾器使用

<template>
  <div>
  <span>{{date | formatDate}}</span>
  </div>
  </template>
import {formatTimeToStr} from './js/date.js';
  export default {
    date() {
        return {
            date: 1496311370052
        }
    },
  filters: {
   formatDate: function(time) {
        if(time!=null&&time!="")
        {
          var date = new Date(time);
          return formatTimeToStr(date, "yyyy-MM-dd");
        }else{
          return "";
        }
      }
  }

v-model中格式化時(shí)間（過(guò)濾器就失效了）
通過(guò)對(duì)于數(shù)組就遍歷得到每項(xiàng)的時(shí)間秆吵，或者對(duì)每個(gè)對(duì)象的時(shí)間淮椰，然后進(jìn)行格式化

<template>
  <div>
    <ul>
     <li v-for="item in arr">
       <input type="text" v-model="item.createTime" />
     </li>
    </ul>
  </div>
  </template>
import {formatDate} from './js/date.js';
  export default {
    date() {
        return {
            date: 1496311370052
        }
    },
   mounted:{
    this. axios.get('/user', {
          params: {
            ID: 12345
          }
        })
    .then(function (res) {
        this.arr = res.body;
            for(var i=0; i<this.arr.length; i++){
              this.arr[i].createTime = formatTimeToStr(this.arr[i].createTime, 'yyyy-MM-dd')
            }
        })
       }
 }

鏈接：http://www.reibang.com/p/642fc5105357