更新记录

1.0.7(2024-04-28)

微调

1.0.6(2024-04-28)

readme调整

1.0.5(2024-04-26)

非重要调整

查看更多

平台兼容性

tf-calendar

  1. 组件作用
    • 基于u-calendar二次封装日历组件,支持日期单选,范围选择
  2. 组件引用例子
<template>
    <view>
        <TfCalendar
        v-model:value="show"
        mode="range"
        @timeChange="timeChange"
        />
    </view>
</template>

<script>
    import TfCalendar from '../../uni_modules/tf-calendar/components/tf-calendar/tf-calendar.vue'
    export default {
        components:{
            TfCalendar
        },
        data() {
            return {
                show:true
            }
        },
        methods: {
            timeChange(e){
            console.log(e)
            }
        }
    }
</script>
  1. 主要属性说明
属性名 类型 默认值 说明
value Boolean false 日历显隐标志
mode String 'date' 选择日期的模式,date-为单个日期,range-为选择日期范围
maxYear Number、String 2050 可切换的最大年份
minYear Number、String 1950 可切换的最小年份
showClear Boolean false 是否显示清空所选
  1. 主要方法说明
事件名 说明 回调参数
timeChange 点击确定按钮时触发 选择日期相关的返回参数
clearDate 点击清空所选时触发 -

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问