vue日期合法校验
Vue日期合法校验,正则表达式
当然可以通过日期组件选择日期将参数直接传给后端,这里仅介绍通过输入方式校验。
1.对日期格式进行校验:正则表达式
2.对符合的日期格式进行合法校验(平闰年?是否为1-12月?对应月的天数是否正确?)
function check(rule, value, callback) {
const regex = /^\d{4}-\d{2}-\d{2}$/;//正则表达式校验
if (!value) {
callback("日期不可为空!");
} else if (!regex.test(value)) {
callback("您输入日期格式不正确!例如:2022-04-09");
} else if (this.checkDate(value) == false) {
callback(new Error("您输入的日期不合法,请确认!"));
} else {
callback();
}
}
function checkDate(value) {
let days = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
let YMD = value.split("-");
let y = parseInt(YMD[0], 10);
let m = parseInt(YMD[1], 10);
let d = parseInt(YMD[2], 10);
//判断月份是否合法
if (m > 12 || m < 1) {
return false;
}
//判断是否是闰年
if((y % 4 == 0 && y % 100 != 0)||(y % 400 == 0)) {
days[2] = 29;
}
//判断当月天数是否合法
if (d > days[m]) {
return false;
}
}
更多推荐
所有评论(0)