首页 > 其他 > 详细

vue2.0 自定义时间过滤器

时间:2018-01-02 14:50:39      阅读:156      评论:0      收藏:0      [点我收藏+]

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 自定义时间过滤器

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!