# 生日公共组件

## 安装依赖
```
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
```