birth-of-date-v3

生日公共组件

安装依赖

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格式有效
disabled: 是否禁用（true | false）
allowedAfter：用于组件向未来延申可选项日期（Number类型，默认0）
resetValues：组件抛出的方法，用于重置该组件的值和校验，涉及到需要重置组件的值，可以调用这个方法

开始使用

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