更新记录

1.0.3(2024-11-29) 下载此版本

出现打不开的报错修复

1.0.2(2024-11-29) 下载此版本

样式问题上传不更新问题

1.0.1(2024-11-29) 下载此版本

更新样式问题

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.21 app-nvue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × ×

lfj-calendar

Events 事件

事件名 说明 回调参数
selected 点击日期选项时触发 item

lfj-calendar 属性

参数 说明 类型 可选值 默认值
v-model 指定日期回显(格式2024-11-27) String -- --
duration swiper的滑动动画时长( 默认 500 ) Number -- 500
todayClass 今日样式( 默认 is-today ) String -- is-today
checkedClass 选中日期的样式 ( 默认 is-checked ) String -- is-checked
dotList 需要打点的日期列表 ( 默认 [{date: '2024-11-27'}] ) String -- []
dotClass 打点日期的样式 ( 默认 is-dot) String -- is-dot

示例

<template>
    <view>
        <lfj-calendar v-model="value" :dotList="dotList" dotClass="dot" @selected="dateSelect"></lfj-calendar>
        <button @click="onclick">回到今日</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: 'Hello',
                dotList: [{
                        date: '2024-11-27'
                    },
                    {
                        date: '2024-11-29'
                    }
                ],
                value: '2024-10-27'
            }
        },
        onLoad() {

        },
        methods: {
            dateSelect(event) {
                console.log(event)
            },
            onclick() {
                this.value = '2024-11-27'

            }
        }
    }
</script>

<style scoped lang="scss">
    ::v-deep .dot {
        position: absolute;
        bottom: 0;
        width: 10rpx;
        height: 10rpx;
        background-color: #ffaaff;
        border-radius: 10rpx;
    }
</style>

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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