vue小技巧

vue 加全局时间格式化 js时间格式化

2020-01-04  本文已影响0人  去年的牛肉

将日期时间转换为指定格式,如:YYYY-mm-dd HH:MM表示2019-06-06 19:45

再main.js中添加:

Vue.prototype.dateFormat=function(fmt, date) {
  let ret;
  let opt = {
    "Y+": date.getFullYear().toString(),        // 年
    "m+": (date.getMonth() + 1).toString(),     // 月
    "d+": date.getDate().toString(),            // 日
    "H+": date.getHours().toString(),           // 时
    "M+": date.getMinutes().toString(),         // 分
    "S+": date.getSeconds().toString()          // 秒
    // 有其他格式化字符需求可以继续添加,必须转化成字符串
  };
  for (let k in opt) {
    ret = new RegExp("(" + k + ")").exec(fmt);
    if (ret) {
      fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
    }
  }
  return fmt;
}

前段使用如下:

<div class="bb" v-for="(item, i) in msgS" :key="i">
        <div class="b1">{{item.groupId}}</div>
        <div class="b2">{{item.number}}</div>
        <div class="b3">{{dateFormat("YYYY-mm-dd HH", new Date(item.created))}}</div>
      </div>

也可以在js中

let date = new Date()
dateFormat("YYYY-mm-dd HH:MM", date)
>>> 2019-06-06 19:45`
上一篇 下一篇

猜你喜欢

热点阅读