index.axml

<import-sjs from="../../_util/isPropsEmpty.sjs" name="u" />

<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>
    <ant-icon
      a:if="{{ precision === 'year' || precision === 'month' || precision === 'day' || precision === 'hour' }}"
      type="CalendarOutline"
      className="ant-range-picker-selector-item-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 }}"
  readonly="{{ readonly }}"
  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 slot="content-header">
    <slot name="content-header"></slot>
    <view class="ant-range-picker-selector">
      <template is="selector" data="{{ placeholder: u.isPropsEmpty(startPlaceholder) ? locale.RangePicker.startPlaceholder : startPlaceholder, active: pickerType === 'start', type: 'start', value: currentStartValueStr, precision: precision }}" />
      <view class="ant-range-picker-selector-split">{{ splitCharacter }}</view>
      <template is="selector" data="{{ placeholder: u.isPropsEmpty(endPlaceholder) ? locale.RangePicker.endPlaceholder : endPlaceholder, active: pickerType === 'end', type: 'end', value: currentEndValueStr, precision: precision }}" />
    </view>
  </view>
  <slot name="content" slot="content" />
  <slot name="title" slot="title" />
  <slot name="prefix" slot="prefix" />
  <slot name="suffix" slot="suffix" />
</ant-picker>