Vue 3 + Typescript + Vite

vant扩展

1. 使用field + popup + picker 封装 一般数组类型的selector
2. 使用field + popup + calendar 封装 日期以及范围选择的selector

selector:

|参数 | 说明 | 类型 | 默认值 | |------ |:----- |:----- |:----- | |columns | 对象数组，配置每一列显示的数据|any[] | ['默认数据1', '默认数据2'] | |columns-field-names | 自定义 columns 结构中的字段 |object | { text: 'text', value: 'value', values: 'values', children: 'children' } | 其他参数参见van-field van-picker

calendar:

|参数 | 说明 | 类型 | 默认值 | |------ |:----- |:----- |:----- | |calendarType| 选择类型:single 表示选择单个日期， multiple 表示选择多个日期， range 表示选择日期区间 | string| 'single' | |calendarFormmater| 格式化 | string | YYYY-MM-DD | |minDate | 最小日期 | string | 2016-01-01 | |multipleSeparator| 多个日期的分隔符 | string | 空格 | |rangeSeparator | 日期范围的分隔符 | string | 至 |