1、ui
<el-form-item label="聘期起止时间" prop="servicePerio">
<el-input v-model="form.servicePerio" style="width: 200px;" placeholder="格式:yyyyMM-yyyyMM" :disabled="readonly||(form.enabled==1)" />
</el-form-item>
2、js
data() {
var validateServicePerio = (rule, value, callback) => {
//yyyyMM-yyyyMM格式正则表达式
const regex = /^(20|19){1}[0-9]{2}(((0){1}[1-9]{1})|((1){1}(0|1|2){1}))-(20|19){1}[0-9]{2}(((0){1}[1-9]{1})|((1){1}(0|1|2){1}))$/
//中文字符正则表达式
const zhregex = /^[\u0391-\uFFE5A-Za-z]+$/
const wxq = '无限期'
if(!regex.test(value)&&(wxq != value)){
callback(new Error("格式不正确"))
}else{
callback();
}
}
return {
rules: {
servicePerio: [
{ required: true, message: '聘期起止时间不能为空', trigger: 'blur' },
{ validator: validateServicePerio, trigger: "blur" }
],
}