笔记
提示:就是一些平常遇到的小东西
一、字符转换类
1.输入框:只能输入数字,并保留4位小数
<el-input type="text"
placeholder="请输入数字,至多含有4位小数"
@change="thresholdNum"
v-model="threshold">
</el-input>
thresholdNum() {
// 非数字提示
if (isNaN(this.threshold)){
console.log('请输入数字,至多含有4位小数!');
}
// 只要一遇到非数字、非 . 就自动去除,开头非数字直接是 0
this.threshold = Number(this.threshold.toString().match(/^\d+(?:\.\d{0,4})?/));
},
二、格式化
1、时间日期格式化(yyyy/mm/dd HH:mm:ss)
function formatTime(date) {
var year = date.getFullYear()
var month = date.getMonth() + 1
var day = date.getDate()
var hour = date.getHours()
var minute = date.getMinutes()
var second = date.getSeconds()
return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}
function formatNumber(n) {
n = n.toString()
return n[1] ? n : '0' + n
}
2、url地址参数格式化
function obj2uri(obj) {
return Object.keys(obj).map(function (k) {
return encodeURIComponent(k) + '=' + encodeURIComponent(obj[k]);
}).join('&');
}
3、时间转中文格式化(刚刚、1分钟前、1天前…)
function getDateDiff(dateStr) {
var publishTime = Date.parse(dateStr.replace(/-/gi, "/"))/ 1000,
d_seconds,
d_minutes,
d_hours,
d_days,
timeNow = parseInt(new Date().getTime() / 1000),
d,
date = new Date(publishTime * 1000),
Y = date.getFullYear(),
M = date.getMonth() + 1,
D = date.getDate(),
H = date.getHours(),
m = date.getMinutes(),
s = date.getSeconds();
//小于10的在前面补0
if (M < 10) {
M = '0' + M;
}
if (D < 10) {
D = '0' + D;
}
if (H < 10) {
H = '0' + H;
}
if (m < 10) {
m = '0' + m;
}
if (s < 10) {
s = '0' + s;
}
d = timeNow - publishTime;
d_days = parseInt(d / 86400);
d_hours = parseInt(d / 3600);
d_minutes = parseInt(d / 60);
d_seconds = parseInt(d);
if (d_days > 0 && d_days < 3) {
return d_days + '天前';
} else if (d_days <= 0 && d_hours > 0) {
return d_hours + '小时前';
} else if (d_hours <= 0 && d_minutes > 0) {
return d_minutes + '分钟前';
} else if (d_seconds < 60) {
if (d_seconds <= 0) {
return '刚刚发表';
} else {
return d_seconds + '秒前';
}
} else if (d_days >= 3 && d_days < 30) {
return M + '月' + D +'日';
} else if (d_days >= 30) {
return Y + '年' + M + '月' + D + '日';
}
}
4、判断图片类型
/*
* 判断图片类型
*/
function checkImgType(filePath){
if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(filePath)) {
return false;
}
else{
return true;
}
}
5、获取文件名
function GetUrlFileName(url,domain) {
var filename = url.substring(url.lastIndexOf("/") + 1);
if (filename == domain || filename =='')
{
filename="index";
}
else
{
filename = filename.substring(0, filename.lastIndexOf("."));
}
return filename;
}
总结
未完结,持续更新。