[youzan/vant-weapp]dateTimePicker什么没有自定义的custom-class啊,不支持自定义的class

2023-12-22 927 views
3

你需要的功能是? 描述一下你需要的功能,用于解决什么问题 dateTimePicker什么没有自定义的custom-class啊,不支持自定义的class 你期望 API 是什么样的? 描述一下你期望的 API 形式

示例代码 请展示一下新功能的大致用法 <van-datetime-picker type="date" title="请选择出生日期" value="{{ currentDate }}" min-date="{{ minDate }}" bind:input="onInput" custom-class="picker-reset" />

<van-datetime-picker type="date" title="请选择出生日期" value="{{ currentDate }}" min-date="{{ minDate }}" bind:input="onInput" custom-class="picker-reset" /> image

回答

9

image

2
<van-datetime-picker type="date" title="请选择出生日期" value="{{ currentDate }}" min-date="{{ minDate }}"
                bind:input="onInput" custom-class="picker-reset" />
5

为什么时间选择器需要外部样式类?

2

image

这种高度自定义就很难支持,建议参考滴滴 Mand Mobile的Picker这个设计API方面写的非常好

5

Mand Mobile是vue的组件库,跟小程序不太一样。 看图其实你的需求是需要自定义format

5

Mand Mobile应用在h5上面,不过都差不多,网页上面可以做到那么方便,小程序理论上也是可以搞那么方便的,现在vant Picker还是有很多体验不如意的地方。

<!-- pop up mask -->
<van-popup show="{{ sexPopShow }}" position="bottom" bind:close="onCloseSexPopup" overlay="{{ true }}"
    close-on-click-overlay="{{false}}">
    <van-picker id="van-picker" show-toolbar title="请选择性别" columns="{{ pickerData0 }}" custom-class="picker-reset"
        bind:cancel="onSexCancel" bind:confirm="onSexConfirm" />
</van-popup>
<!-- 生日Picker -->
<van-popup show="{{ datePopShow }}" position="bottom" bind:close="onCloseSexPopup" overlay="{{ true }}"
    close-on-click-overlay="{{false}}">
    <van-datetime-picker type="date" title="请选择出生日期" value="{{ currentDate }}" min-date="{{ minDate }}"
            max-date="{{ maxDate }}" bind:input="onInput" custom-class="picker-reset" />
</van-popup>

image image image

image 我现在实现一个picker打开关闭要写一堆的代码,现在Picker可以在现有的基础上,结合日常的业务会好很多。