更新记录

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

更新文档。

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

更新文档

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

发布

查看更多

平台兼容性

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

方便您的同时,请五星、收藏,让好的东西照亮更多深渊中负重前行的代码人。

创作不易,在您方便之际,赞赏作者,我们会更有动力继续下去。

简介

ljs-date-range,日期区间组件,可根据不同条件禁用日期。

使用 uni_modules 安装(推荐)

使用 uni_modules 方式安装组件库,可以直接通过插件市场导入,通过右键菜单快速更新组件,不需要引用、注册,直接在页面中使用 ljs-date-range组件。

主参数

参数 类型 必填项 默认值 说明
v-model Array 日期区间数据。格式为['2024-01-01', '2024-01-10']
dateType String × month 日期类型。有效值 year、month、day。
disableDate Array × ['', ''] 禁用日期区间,如果只有开始则禁用开始,结束同理。日期格式YYYY-MM-DD。默认前后都不禁用。
disableSpan Number × 禁用日期区间跨度。单位天。disableDate disableSpan同时存在,则使用disableSpan。默认无跨度禁用。
closeButShow Boolean × false 是否显示清除按钮。
closeImg String × 清除按钮。
height Number × 76 输入框高度。
borderRadius Number × 16 圆角值。

方法

参数 类型 解释
@change Function 日期变化回调。
@startChange Function 开始日期变化回调。优先级高于@change。
@endChange Function 结束日期变化回调。优先级高于@change。

快速应用

场景1
<ljs-date-range
    v-model="tableSearch.query.date"
    @change="dateChange">
</ljs-date-range>
export default {
    data() {
        return {
            tableSearch: {
                query: {
                    date: [],
                },
                queryReal: {}
            },
        }
    },
    onLoad() {
    },
    methods: {
        dateChange(date) {
            console.log(date);
        },
    }
}

贡献代码

龙九山。有任何问题,请在平台留言,在手头宽裕得情况下,我会尽快修复问题。

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

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