2018-07-30 10:26:34 +08:00

59 lines
1.5 KiB
Plaintext

<doc-page title="DATETIME PICKER" without-padding>
<van-panel class="picker-panel-demo">
<van-cell-group>
<van-cell title="选择时间">
<van-date-picker
slot="footer"
date="{{ date }}"
bindchange="change"
bindcancel="cancel"
placeholder="异步初始值"
placeholder-class="my-customer-class-name"
/>
</van-cell>
<van-cell title="选择时间">
<van-date-picker
slot="footer"
not-use="{{['years', 'seconds']}}"
bindchange="change"
bindcancel="cancel"
placeholder="只显示部分列的 picker"
/>
</van-cell>
<van-cell title="选择时间">
<van-date-picker
slot="footer"
bindchange="change"
bindcancel="cancel"
placeholder="自定义显示格式的 picker"
format="选择的是YYYY-MM-DD HH:mm:ss"
/>
</van-cell>
</van-cell-group>
</van-panel>
<van-panel class="picker-panel-demo">
<van-cell title="选择时间" value="{{pickerView1 || '自定义组件'}}"></van-cell>
<van-date-picker
picker-view
bindchange="customChange"
bindcancel="cancel"
/>
</van-panel>
<van-panel class="picker-panel-demo">
<van-cell title="选择时间" value="{{ pickerView2 || '只显示部分列'}}"></van-cell>
<van-date-picker
picker-view
bindchange="nativeChange"
bindcancel="cancel"
not-use="{{['years', 'seconds']}}"
/>
</van-panel>
</doc-page>