实现快递单号扫描输入组件

Tevin

2021-07-08 8f73817cd1fdbd3e3b23d76d0ce6ba65a85e8950

 forms/datePicker/CDateRangeAction.vue

@@ -22,10 +22,13 @@
                :show="drawerShow"
                :onClose="evt => drawerShow=false"
            >
                <view class="title">请选择日期</view>
                <view class="title">
                    <view v-if="placeholder">{{placeholder}}</view>
                    <view v-else>请选择日期</view>
                </view>
                <view class="date">
                    <picker
                        mode='date'
                        mode="date"
                        :value="startDate"
                        @change="evt => handleStartDateChange(evt.detail.value)"
                    >
@@ -38,7 +41,7 @@
                        </view>
                    </picker>
                    <picker
                        mode='date'
                        mode="date"
                        :value="endDate"
                        @change="evt => handleEndDateChange(evt.detail.value)"
                    >
@@ -76,8 +79,12 @@
        AtButton,
    },
    props: {
        value: null,
        // 项值
        value: String,
        // 变化回调
        onChange: Function,
        // 占位提示
        placeholder: String,
    },
    data() {
        return {
@@ -139,6 +146,7 @@
        const $cFilter = $(this.$refs.floadLayer).parents('.c-filter');
        if ($cFilter.length > 0) {
            $cFilter.eq(0).after(this.$refs.floadLayer);
            $cFilter.parent().css('transform', 'translate(0,0)');
        }
    },
};