由于小程序原生组件并不能满足日期和时间同时选择,所以在实际产品的需求开发中,自己通过pick-view来进行组件封装,以此分享
- 拷贝 picker-date-time 到自己的公共组件目录下,并引用
components: {
...,
PickerDateTime: () => import('xxx/picker-date-time'),
},
- 使用的地方
<PickerDateTime
:text="xxx"
:timeSlot="xxx"
:minDateTime="xxx"
:maxDateTime="xxx"
@handleConfirm="
(v) => {
// TODO 选完以后的操作
}
"
/>