<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。最近有一个需求,要求和滴滴打车的登录功能...