element-ui 表单自定义日期输入校验
2024-10-18 04:13:13
methods: {
validateDate(rule, value, callback){
if (value) {
let timestamp = new Date(value).getTime()
let start = new Date(this.shiftStartTime).getTime()
let end = new Date(this.shiftEndTime).getTime()
if (end < timestamp || timestamp < start) {
callback(new Error(`请在值班时间内选择 ${this.shiftStartTime} 至 ${this.shiftEndTime}`))
} else {
callback()
}
} else {
callback()
}
}
}
<el-form-item
label="记录时间"
prop="recordDateTime"
:rules="[
{ required: true, message: '记录时间不能为空', trigger: 'blur'},
{ validator: validateDate, trigger: ['blur', 'change'] }
]"
>
<el-date-picker
v-model="summaryForm.recordDateTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期"
></el-date-picker>
</el-form-item>
最新文章
- AutoIt实现Webdriver自动化测试文件上传
- hdu5317 RGCDQ (质因子种数+预处理)
- 如何关闭emacs开启时自己打开的欢迎界面
- Spring 向页面传值以及接受页面传过来的参数的方式
- SDUT2241计算组合数C(n,m)(组合数)
- Linux内核初始化定义
- ASP.NET State Service服务
- StringGrid右击选中表格(发消息给句柄模拟点击,右键点击也是MouseDown)
- SpringMVC原理+流程图
- 用sql语句按周、按月、按季、按年统
- oracle删除字段中的空格、回车及指定字符
- LInux挂载windows共享磁盘
- 【线性代数】标准正交矩阵与Gram-Schmidt正交化
- safari 浏览器 input textarea select 等不能响应用户输入
- 如何保持github的fork于主干同步
- 【Promise】Promise实现请求超时处理(基本版)
- git 的安装及使用
- ubuntu16.4+nginx+uwsgi+Django 部署上线
- centos 7下ldap安装
- 索引查找Java实现