mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
* feat: cell 自定义组件 * [new feature] DatetimePicker:新增时间选择组件 * fix: support picker view * improvement:支持 picker-view
70 lines
2.0 KiB
Plaintext
70 lines
2.0 KiB
Plaintext
<doc-page title="DATETIME PICKER" without-padding>
|
|
<zan-panel class="picker-panel-demo">
|
|
<zan-cell-group>
|
|
<zan-cell title="选择时间">
|
|
<zan-date-picker
|
|
native
|
|
slot="footer"
|
|
bindchange="change"
|
|
bindcancel="cancel"
|
|
placeholder="原生 picker"
|
|
placeholder-class="my-customer-class-name" />
|
|
</zan-cell>
|
|
|
|
<zan-cell title="选择时间">
|
|
<zan-date-picker
|
|
slot="footer"
|
|
bindchange="change"
|
|
bindcancel="cancel"
|
|
placeholder="自定义 picker"
|
|
placeholder-class="my-customer-class-name" />
|
|
</zan-cell>
|
|
|
|
<zan-cell title="选择时间">
|
|
<zan-date-picker
|
|
slot="footer"
|
|
not-use="{{['years', 'seconds']}}"
|
|
bindchange="change"
|
|
bindcancel="cancel"
|
|
placeholder="只显示部分列的 picker"
|
|
placeholder-class="my-customer-class-name" />
|
|
</zan-cell>
|
|
|
|
<zan-cell title="选择时间">
|
|
<zan-date-picker
|
|
slot="footer"
|
|
bindchange="change"
|
|
bindcancel="cancel"
|
|
placeholder="自定义显示格式的 picker"
|
|
format="选择的是YY-MM-DD HH:mm:ss"
|
|
placeholder-class="my-customer-class-name" />
|
|
</zan-cell>
|
|
</zan-cell-group>
|
|
</zan-panel>
|
|
|
|
|
|
<zan-panel class="picker-panel-demo">
|
|
<zan-cell title="选择时间" value="{{pickerView1 || '自定义组件'}}"></zan-cell>
|
|
<zan-date-picker
|
|
picker-view
|
|
bindchange="customChange"
|
|
bindcancel="cancel"
|
|
placeholder="自定义显示格式的 picker"
|
|
format="选择的是YY-MM-DD HH:mm:ss"
|
|
placeholder-class="my-customer-class" />
|
|
</zan-panel>
|
|
|
|
<zan-panel class="picker-panel-demo">
|
|
<zan-cell title="选择时间" value="{{ pickerView2 || '原生组件'}}"></zan-cell>
|
|
<zan-date-picker
|
|
native
|
|
picker-view
|
|
bindchange="nativeChange"
|
|
bindcancel="cancel"
|
|
placeholder="组件内原生 picker"
|
|
placeholder-class="my-customer-class" />
|
|
</zan-panel>
|
|
|
|
</doc-page>
|
|
|