常见方法的使用

// import parseTime, formatTime and set to filter

/**

  • Show plural label if time is plural number
  • @param {number} time
  • @param {string} label
  • @return {string}
    */
    function pluralize(time, label) {
    if (time === 1) {
    return time + label
    }
    return time + label + 's'
    }

/**

  • @param {number} time
    */
    export function timeAgo(time) {
    const between = Date.now() / 1000 - Number(time)
    if (between < 3600) {
    return pluralize((between / 60), ' minute')
    } else if (between < 86400) {
    return pluralize(
    (between / 3600), ' hour')
    } else {
    return pluralize(~~(between / 86400), ' day')
    }
    }

/**

  • Number formatting
  • like 10000 => 10k
  • @param {number} num
  • @param {number} digits
    */
    export function numberFormatter(num, digits) {
    const si = [
    { value: 1E18, symbol: 'E' },
    { value: 1E15, symbol: 'P' },
    { value: 1E12, symbol: 'T' },
    { value: 1E9, symbol: 'G' },
    { value: 1E6, symbol: 'M' },
    { value: 1E3, symbol: 'k' }
    ]
    for (let i = 0; i < si.length; i++) {
    if (num >= si[i].value) {
    return (num / si[i].value).toFixed(digits).replace(/.0+|(\.[0-9]*[1-9])0+/, '$1') + si[i].symbol
    }
    }
    return num.toString()
    }

/**

  • 10000 => "10,000"
  • @param {number} num
    */
    export function toThousandFilter(num) {
    return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','))
    }

/**

  • Upper case first char
  • @param {String} string
    */
    export function uppercaseFirst(string) {
    return string.charAt(0).toUpperCase() + string.slice(1)
    }

export function parseTime(time, cFormat) {
if (arguments.length === 0) {
return null
}

if ((time + '').length === 10) {
time = +time * 1000
}

const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
let date
if (typeof time === 'object') {
date = time
} else {
date = new Date(parseInt(time))
}
const formatObj = {
y: date.getFullYear(),
m: date.getMonth() + 1,
d: date.getDate(),
h: date.getHours(),
i: date.getMinutes(),
s: date.getSeconds(),
a: date.getDay()
}
const timeStr = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
let value = formatObj[key]
if (key === 'a') {
return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
}
if (result.length > 0 && value < 10) {
value = '0' + value
}
return value || 0
})
return timeStr
}

export function formatTime(time, option) {
time = +time * 1000
const d = new Date(time)
const now = Date.now()

const diff = (now - d) / 1000

if (diff < 30) {
return '刚刚'
} else if (diff < 3600) {
// less 1 hour
return Math.ceil(diff / 60) + '分钟前'
} else if (diff < 3600 * 24) {
return Math.ceil(diff / 3600) + '小时前'
} else if (diff < 3600 * 24 * 2) {
return '1天前'
}
if (option) {
return parseTime(time, option)
} else {
return (
d.getMonth() +
1 +
'月' +
d.getDate() +
'日' +
d.getHours() +
'时' +
d.getMinutes() +
'分'
)
}
}
export function getNowFormatDate() {
var date = new Date()
var seperator1 = '-'
var year = date.getFullYear()
var month = date.getMonth() + 1
var strDate = date.getDate()
if (month >= 1 && month <= 9) {
month = '0' + month
}
if (strDate >= 0 && strDate <= 9) {
strDate = '0' + strDate
}
var currentdate = year + seperator1 + month + seperator1 + strDate
return currentdate
}
/* 数字 格式化 */
export function nFormatter(num, digits) {
const si = [{
value: 1e18,
symbol: 'E'
},
{
value: 1e15,
symbol: 'P'
},
{
value: 1e12,
symbol: 'T'
},
{
value: 1e9,
symbol: 'G'
},
{
value: 1e6,
symbol: 'M'
},
{
value: 1e3,
symbol: 'k'
}
]
for (let i = 0; i < si.length; i++) {
if (num >= si[i].value) {
return (
(num / si[i].value + 0.1)
.toFixed(digits)
.replace(/.0+|(\.[0-9]*[1-9])0+/, '$1') + si[i].symbol
)
}
}
return num.toString()
}

export function html2Text(val) {
const div = document.createElement('div')
div.innerHTML = val
return div.textContent || div.innerText
}

export function toThousandslsFilter(num) {
return (+num || 0)
.toString()
.replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+)/g, ',')) } // 验证手机号 export function checkPhone(rule, value, callback) { if (!value) { return callback(new Error('手机号不能为空')) } else { const reg = /^1[3|4|5|7|8][0-9]\d{8}/
if (reg.test(value)) {
callback()
} else {
return callback(new Error('请输入正确的手机号'))
}
}
}
export function checkPassword(rule, value, callback) {
if (!value) {
return callback(new Error('密码不能为空'))
} else if (value.length < 6) {
callback(new Error('请至少输入 6 个字符。请不要使用容易被猜到的密码'))
} else {
callback()
}
}
// 手机号证验证
export function checkTel(value, callback) {
var reg = /^1[3|4|5|7|8][0-9]\d{8}/ return reg.test(value) } // 身份证验证 export function checkiDNumber(value, callback) { var reg = /\d{17}[\d|x]|\d{15}/ return reg.test(value) } // 身份证验证 export function checkEmails(value, callback) { var reg = /^[A-Za-zd]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,5}/
return reg.test(value)
}
// 邮箱验证
export function checkEmail(rule, value, callback) {
if (!value) {
return callback(new Error('邮箱不能为空'))
} else {
var reg = /^[A-Za-zd]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,5}/ if (reg.test(value)) { callback() } else { return callback(new Error('请输入正确的邮箱')) } } } // 英文验证 export function checkCode(value, callback) { var reg = /^[A-Za-z]+/g
return reg.test(value)
}
// qq验证
export function checkQq(value, callback) {
var reg = /^[0-9]+$/g
return reg.test(value)
}
// 银行卡号
export function formatBankNo(BankNo, callback) {
var strBin = '10,18,30,35,37,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,58,60,62,65,68,69,84,87,88,94,95,98,99'
return strBin
}
export function getStrleng(str, max) {
var myLen = 0
for (var i = 0; i < str.length && myLen <= max * 2; i++) {
if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128) {
myLen++
} else myLen += 2
}
return myLen
}
// 上传图片格式控制
export function updatedImg(file, obj, callback, func) {
if (file.size < 10100000) {
var fileName = file.name
var suffix = fileName
.substring(fileName.lastIndexOf('.') + 1)
.toUpperCase()
if (
suffix === 'PDF' ||
suffix === 'JPG' ||
suffix === 'JPEG' ||
suffix === 'PNG' ||
suffix === 'GIF'
) {
return true
} else {
var tipType = '文件类型不正确,请重新上传'
callback(tipType)
return false
}
} else {
var tipSize = '文件大小超过5M,请重新上传'
callback(tipSize)
return false
}
}
// 上传文档格式控制
export function updatedFile(file, obj, callback, func) {
if (file.size < 10100000) {
var fileName = file.name
var suffix = fileName
.substring(fileName.lastIndexOf('.') + 1)
.toUpperCase()
if (
suffix === 'DOC' ||
suffix === 'DOCX' ||
suffix === 'XLS' ||
suffix === 'XLSX' ||
suffix === 'PDF' ||
suffix === 'ZIP' ||
suffix === 'RAR'
) {
return true
} else {
var tipType = '文件类型不正确,请重新上传'
callback(tipType)
return false
}
} else {
var tipSize = '文件大小超过5M,请重新上传'
callback(tipSize)
return false
}
}
export function importFile(file, obj, callback, func) {
if (file.size < 10100000) {
var fileName = file.name
var suffix = fileName
.substring(fileName.lastIndexOf('.') + 1)
.toUpperCase()
if (
suffix === 'XLS' ||
suffix === 'XLSX'
) {
return true
} else {
var tipType = '文件类型不正确,请重新上传'
callback(tipType)
return false
}
} else {
var tipSize = '文件大小超过10M,请重新上传'
callback(tipSize)
return false
}
}
export function minHeight(resfile) {
return document.body.clientHeight - 180 + 'px'
}

export function formatDate(date, fmt = 'yyyy-MM-dd') {
if (!(date instanceof Array)) {
date = new Date(date)
}
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.1, (date.getFullYear() + '').substr(4 - RegExp.1.length))
}
const o = {
'M+': date.getMonth() + 1,
'd+': date.getDate(),
'h+': date.getHours(),
'm+': date.getMinutes(),
's+': date.getSeconds()
}
for (const k in o) {
if (new RegExp((${k})).test(fmt)) {
const str = o[k] + ''
fmt = fmt.replace(RegExp.1, (RegExp.1.length === 1) ? str : padLeftZero(str))
}
}
return fmt
}

function padLeftZero(str) {
return ('00' + str).substr(str.length)
}
export function getBlob(response) {
const blob = new Blob([response.data], {
type: 'application/vnd.ms-excel'
})
const link = document.createElement('a')
link.href = window.URL.createObjectURL(blob)
var filename = decodeURI(response.headers.filename)
// link.download = filename + '.xls'
link.download = filename
link.click()
}
// 图片 blob 流转化为可用 src
export function imgHandle(obj) {
return window.URL.createObjectURL(obj)
}

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,440评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,814评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,427评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,710评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,625评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,014评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,511评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,162评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,311评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,262评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,278评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,989评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,583评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,664评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,904评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,274评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,856评论 2 339

推荐阅读更多精彩内容