更新记录

1.0.0（2025-12-29） 下载此版本

master

平台兼容性

uni-app(4.45)

安装

在市场导入xf-fm-date-selectoruni_modules版本的即可，无需import

组件关联说明

• xf-fm-select;
• xf-date-picker;

• 代码演示

插件使用

• 位于 uni_modules/xf-fm-date-selector/components/xf-fm-date-selector
• 导入插件后直接使用

<xf-fm-date-selector />

基本用法

• 使用组件代码如下：

<template>
    <view class="page-view">
        <xf-fm-date-selector customClass="b-mt16" :required="true" title='时分' mode="time" v-model:date="formData.time1">
        </xf-fm-date-selector>
        <xf-fm-date-selector customClass="b-mt16" :required="false" title='年月' mode="year-month"
            v-model:date="formData.time2"></xf-fm-date-selector>
        <xf-fm-date-selector customClass="b-mt16" :required="true" title='年月日' mode="date"
            v-model:date="formData.time3"></xf-fm-date-selector>
        <xf-fm-date-selector customClass="b-mt16" :required="true" title='年月日时分' mode="datetime"
            v-model:date="formData.time5"></xf-fm-date-selector>

    </view>
</template>

<script lang="ts" setup>
    import { computed, nextTick, onMounted, ref, watch, watchEffect } from 'vue';
    const formData = ref({
        time1: '',
        time2: '',
        time3: '',
        time4: '',
        time5: ''
    })
</script>

API

Props