日期组件，支持只读

Tevin

2022-02-21 d412575f6c884dd1d42c02b2e6c895cbc14a787a

 forms/datePicker/CDatePicker.vue

@@ -4,7 +4,10 @@
 */

<template>
    <view class="c-date-picker">
    <view
        class="c-date-picker"
        :class="readyOnly ? 'read-only':''"
    >
        <CDateRangeAction
            v-if="mode==='dateRange'"
            :value="itemRes.formData[itemRes.name]"
@@ -17,8 +20,12 @@
                :required="itemRes.required"
                :error="itemRes.error"
                :value="itemRes.formData[itemRes.name]"
                :placeholder="placeholder"
            >
                <view class="at-icon at-icon-chevron-right" />
                <view
                    v-show="!readyOnly"
                    class="at-icon at-icon-chevron-right"
                />
            </AtInput>
        </CDateRangeAction>
        <CDateTimeAction
@@ -33,13 +40,19 @@
                :required="itemRes.required"
                :error="itemRes.error"
                :value="itemRes.formData[itemRes.name]"
                :placeholder="placeholder"
            >
                <view class="at-icon at-icon-chevron-right" />
                <view
                    v-show="!readyOnly"
                    class="at-icon at-icon-chevron-right"
                />
            </AtInput>
        </CDateTimeAction>
        <view v-else-if="mode==='date'">
            <picker
                mode="date"
                :start="limitStart || pickerStart"
                :end="limitEnd || pickerEnd"
                :value="itemRes.formData[itemRes.name]"
                @change="evt=>handleChange(evt.detail.value)"
            >
@@ -51,7 +64,10 @@
                    :value="itemRes.formData[itemRes.name]"
                    :placeholder="placeholder"
                >
                    <view class="at-icon at-icon-chevron-right" />
                    <view
                        v-show="!readyOnly"
                        class="at-icon at-icon-chevron-right"
                    />
                </AtInput>
            </picker>
        </view>
@@ -83,9 +99,22 @@
        },
        // 占位提示
        placeholder: String,
        // 开始日期
        limitStart: String,
        // 结束日期
        limitEnd: String,
        // 是否只读
        readyOnly: {
            type: Boolean,
            default: false,
        },
    },
    data() {
        return {};
        const year = new Date().getFullYear();
        return {
            pickerStart: year - 30 + '-01-01',
            pickerEnd: year + 30 + '-12-31',
        };
    },
    computed: {},
    methods: {