【vue/js 日期format转换格式集合】

  1. 对Date扩展
    main.js
// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(H)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
// 例子:
// (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
// eslint-disable-next-line no-extend-native
Date.prototype.format = function(fmt) { // author: meizz
  var o = {
    'M+': this.getMonth() + 1, // 月份
    'd+': this.getDate(), // 日
    'h+': this.getHours(), // 小时
    '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
}

// eslint-disable-next-line no-extend-native
Date.prototype.addDays = function(number) {
  const value = new Date(this.getTime() + 24 * 60 * 60 * 1000 * number)
  return value
}

// eslint-disable-next-line no-extend-native
Date.prototype.addHours = function(number) {
  const value = new Date(this.getTime() + 60 * 60 * 1000 * number)
  return value
}

// eslint-disable-next-line no-extend-native
Date.prototype.addMinutes = function(number) {
  const value = new Date(this.getTime() + 60 * 1000 * number)
  return value
}

// eslint-disable-next-line no-extend-native
Date.prototype.addSeconds = function(number) {
  const value = new Date(this.getTime() + 1000 * number)
  return value
}

你可能感兴趣的:(javascript,vue.js,前端)