80 lines
2.2 KiB
XML
80 lines
2.2 KiB
XML
<template name="selector">
|
|
<view
|
|
class="ant-range-picker-selector-item {{active ? 'ant-range-picker-selector-item-active' : ''}}"
|
|
onTap="onChangeCurrentPickerType"
|
|
data-type="{{type}}"
|
|
>
|
|
<view
|
|
a:if="{{value}}"
|
|
class="ant-range-picker-selector-item-value"
|
|
>
|
|
{{value}}
|
|
</view>
|
|
<view
|
|
a:else
|
|
class="ant-range-picker-selector-item-placeholder"
|
|
>
|
|
{{placeholder}}
|
|
</view>
|
|
<icon
|
|
a:if="{{precision === 'year' || precision === 'month' || precision === 'day' || precision === 'hour'}}"
|
|
type="CalendarOutline"
|
|
className="ant-range-picker-selector-item-icon"
|
|
></icon>
|
|
</view>
|
|
</template>
|
|
<ant-picker
|
|
formattedValueText="{{formattedValueText}}"
|
|
className="ant-range-picker {{className || ''}}"
|
|
popClassName="{{!currentStartDate || !currentEndDate ? 'ant-range-picker-confirm-disabled' : ''}} {{popClassName || ''}}"
|
|
visible="{{visible}}"
|
|
style="{{style}}"
|
|
animationType="{{animationType}}"
|
|
options="{{columns}}"
|
|
value="{{currentValue}}"
|
|
disabled="{{disabled}}"
|
|
title="{{title}}"
|
|
placeholder="{{placeholder}}"
|
|
okText="{{okText}}"
|
|
cancelText="{{cancelText}}"
|
|
maskStyle="{{maskStyle}}"
|
|
maskClassName="{{maskClassName}}"
|
|
indicatorStyle="{{indicatorStyle}}"
|
|
indicatorClassName="{{indicatorClassName}}"
|
|
onChange="onChange"
|
|
onCancel="onCancel"
|
|
onOk="onOk"
|
|
onVisibleChange="onVisibleChange"
|
|
maskClosable="{{maskClosable}}"
|
|
>
|
|
<view
|
|
class="ant-range-picker-selector"
|
|
slot="content-header"
|
|
>
|
|
<template
|
|
is="selector"
|
|
data="{{ placeholder: startPlaceholder, active: pickerType === 'start', type: 'start', value: currentStartValueStr, precision: precision }}"
|
|
></template>
|
|
<view class="ant-range-picker-selector-split">{{splitCharacter}}</view>
|
|
<template
|
|
is="selector"
|
|
data="{{ placeholder: endPlaceholder, active: pickerType === 'end', type: 'end', value: currentEndValueStr, precision: precision }}"
|
|
></template>
|
|
</view>
|
|
<slot
|
|
name="content"
|
|
slot="content"
|
|
></slot>
|
|
<slot
|
|
name="title"
|
|
slot="title"
|
|
></slot>
|
|
<slot
|
|
name="prefix"
|
|
slot="prefix"
|
|
></slot>
|
|
<slot
|
|
name="suffix"
|
|
slot="suffix"
|
|
></slot>
|
|
</ant-picker> |