码迷,mamicode.com
首页 > 其他好文 > 详细

vue2.0 自定义时间过滤器

时间:2018-01-02 15:18:37      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:att   min   settime   lte   ati   form   body   minutes   pre   

html

<td>{{serverInfo.serverTime| formatTime(‘YMDHMS‘)}}</td>

js

serverTime: new Date().getTime(),
filters: {
    // 时间过滤器
    formatTime: function(value, type) {
      let dataTime = "";
      let data = new Date();
      data.setTime(value);
      let year = data.getFullYear();
      let month = data.getMonth() + 1;
      let day = data.getDate();
      let hour = data.getHours();
      let minute = data.getMinutes();
      let second = data.getSeconds();
      if (month < 10) {
        month = "0" + month;
      }
      if (day < 10) {
        day = "0" + day;
      }
      if (hour < 10) {
        hour = "0" + hour;
      }
      if (minute < 10) {
        minute = "0" + minute;
      }
      if (second < 10) {
        second = "0" + second;
      }
      if (type == "YMD") {
        dataTime = year + "-" + month + "-" + day;
      } else if (type == "YMDHMS") {
        dataTime =
          year +
          "-" +
          month +
          "-" +
          day +
          "  " +
          hour +
          ":" +
          minute +
          ":" +
          second;
      } else if (type == "HMS") {
        dataTime = hour + ":" + minute + ":" + second;
      } else if (type == "YM") {
        dataTime = year + "-" + month + "-";
      }
      return dataTime; // 将格式化后的字符串输出到前端显示
    }
  },

 

vue2.0 自定义时间过滤器

标签:att   min   settime   lte   ati   form   body   minutes   pre   

原文地址:https://www.cnblogs.com/chenzeyongjsj/p/8176584.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!