|
|
|
@ -32,13 +32,21 @@ |
|
|
|
</div> |
|
|
|
<div class="form-group col-md-6"> |
|
|
|
<label>{{$t('profile.dateOfBirth')}}(YYYY-MM-DD)*</label> |
|
|
|
<el-date-picker |
|
|
|
<!-- <el-date-picker |
|
|
|
required |
|
|
|
v-model="form.birthday" |
|
|
|
type="date" |
|
|
|
:placeholder="$t('profile.selectDate')" |
|
|
|
:picker-options="pickerOptions" |
|
|
|
></el-date-picker> |
|
|
|
></el-date-picker> --> |
|
|
|
<input |
|
|
|
type="text" |
|
|
|
required |
|
|
|
v-model="form.birthday" |
|
|
|
@input="formatDateInput" |
|
|
|
class="form-control" |
|
|
|
:placeholder="$t('profile.date1')" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="form-row"> |
|
|
|
@ -330,6 +338,23 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
formatDateInput(e) { |
|
|
|
let value = e.target.value; |
|
|
|
// 1. 移除非数字和横线 |
|
|
|
value = value.replace(/[^\d-]/g, ''); |
|
|
|
// 2. 自动添加横线(4位年份后加横线,7位后加横线) |
|
|
|
if (/^\d{4}$/.test(value)) { |
|
|
|
value = value + '-'; |
|
|
|
} else if (/^\d{4}-\d{2}$/.test(value)) { |
|
|
|
value = value + '-'; |
|
|
|
} |
|
|
|
// 3. 限制长度不超过10 |
|
|
|
if (value.length > 10) value = value.slice(0, 10); |
|
|
|
// 4. 更新模型(避免光标跳动问题,可使用 nextTick) |
|
|
|
this.$nextTick(() => { |
|
|
|
this.form.birthday = value; |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 获取实名信息 |
|
|
|
getAuthInfo() { |
|
|
|
Profile.getAuthInfo() |
|
|
|
|