<template>
<div style="width:180px;">
<el-input v-model="birthday" placeholder="请输入生日 格式 1991-12-18" @change="birthdayFn" :maxlength="10"></el-input><br>
<el-button type="primary" @click="searchBirthday">搜索</el-button>
</div>
</template>
data () {
return {
birthday: ''
}
},
methods: {
birthdayFn() {
console.log(this.birthday)
},
searchBirthday() {
const re = /\d{4}-\d{1,2}-\d{1,2}/
let open = false
if (! re.test(this.birthday)) {
return void this.$message({
message: "请输入正确的生日格式",
type: 'warning'
})
}
let _this = this
this.birthday.replace(/(\d{4})-(\d{1,2})-(\d{1,2})/, (match, year, month, day) => {
console.log(match, month, day)
if (year > new Date().getFullYear()) {
_this.$message({
message: "请输入正确的年份",
type: "warning"
})
open = true
return
}
if (month > 12) {
_this.$message({
message: "月份不能大于 12",
type: "warning"
})
open = true
return
}
if (day > 31) {
_this.$message({
message: "日期不能大于31",
type: "warning"
})
open = true
return
}
})
if (open) {
return
}
console.log("去搜索")
},
}
// birthday: this.birthday.replace(/\b(\d)\b/g, "0$1") + " 00:00:00",
输入框输入生日并验证
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 一个字符的一个输入框 本例使用布局框架Masonry,如果Masonry这个框架不知道的朋友,我建议可以去了解下,...
- (1)TextInput文本输入框 TextInput属性 (1) keyboardType :设置键盘类型(决定...
- 滴滴的验证码框看着很帅,用起来很舒服,所以就仿写了一个 :) 实现思路其实很简单,就是4个 UITextField...
- 好久没有发表文章了,今天趁着产品还没确定原型的时间给大家写一个小Demo。最近有一个需求,要求和滴滴打车的登录功能...