UNPKG

birth-of-date-v3

Version:

Birth Of Date V3

35 lines (30 loc) 1.31 kB
# 生日公共组件 ## 安装依赖 ``` 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 ```