birth-of-date-v3
Version:
Birth Of Date V3
35 lines (30 loc) • 1.31 kB
Markdown
```
npm install birth-of-date-v3
```
```
width: 组件宽度,默认100%
inputHeight:组件尺寸大小(default | comfortable | compact),默认default
title:组件title
values:赋予组件的初始值,格式 2024-09-14
format: 显示格式(YYYY-MM-DD | DD-MM-YYYY | MM-DD-YYYY | 不传),默认不传
isError: 是否默认显示错误状态,只针对YYYY-MM-DD | DD-MM-YYYY | MM-DD-YYYY格式有效
@changeValue:选中值发生改变时触发该函数,返回改变后的值
validateDOB:组件抛出的方法,用于校验改组件是否校验通过,涉及到表单校验时,都需要调用这个方法。
gap: 输入框之间的间距,默认12px,只针对YYYY-MM-DD | DD-MM-YYYY | MM-DD-YYYY格式有效
```
```
1:在main.js文件中引入
import BirthOfDate from 'birth-of-date-v3'
import 'birth-of-date-v3/dist/style.css'
app.use(BirthOfDate)
2:在需要的文件中使用
<birth-of-date @changeValue="getValue" :title="title" width="90vw" inputHeight="default" :values="birth" :format="format" ref="dobComponent"></birth-of-date>
const format = ref('DD-MM-YYYY');
const dobComponent = ref(null);
// 调用校验方法
const isValid = dobComponent.value.validateDOB(); // true | false
```