更新记录

1.0.8（2024-08-19） 下载此版本

修复箭头选择日期问题。

1.0.7（2024-08-15） 下载此版本

修复问题。

1.0.7-beta（2024-08-15） 下载此版本

调试版本。

平台兼容性

uni-app

其他

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

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

简介

ljs-datetype-choose，日期选择组合组件。

使用 uni_modules 安装（推荐）

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

主参数

styleOpts参数

事件

快速应用

示例1

<ljs-datetype-choose
    :datetypeData="user_statistics_time"
  :dtype.sync="datetype"
  :d.sync="date"
    :datetypeDataValues="['0' ,'1', '2']"
    datePickerEnd="2024-08-13"
    @change="datetypeChange"
    >
</ljs-datetype-choose>

export default {
    data() {
        return {
            user_statistics_time: [],
            datetype: '0',
            date: '2024-08-13',
        }
    },
    onLoad() {
        this.user_statistics_time = [{"searchValue":null,"createBy":"admin","createTime":"2022-09-14 08:34:52","updateBy":null,"updateTime":null,"remark":null,"params":{"@type":"java.util.HashMap"},"dictCode":102,"dictSort":0,"dictLabel":"年","dictValue":"2","dictType":"user_statistics_time","cssClass":null,"listClass":"default","isDefault":"N","status":"0","default":false},{"searchValue":null,"createBy":"admin","createTime":"2022-09-14 08:34:39","updateBy":null,"updateTime":null,"remark":null,"params":{"@type":"java.util.HashMap"},"dictCode":101,"dictSort":2,"dictLabel":"月","dictValue":"1","dictType":"user_statistics_time","cssClass":null,"listClass":"default","isDefault":"N","status":"0","default":false},{"searchValue":null,"createBy":"admin","createTime":"2022-09-14 08:34:31","updateBy":null,"updateTime":null,"remark":null,"params":{"@type":"java.util.HashMap"},"dictCode":100,"dictSort":3,"dictLabel":"日","dictValue":"0","dictType":"user_statistics_time","cssClass":null,"listClass":"default","isDefault":"N","status":"0","default":false}];
    },
    methods: {
        datetypeChange(datetype, date) {
            // console.log(datetype, date);
        },
    }
}

示例2

<ljs-datetype-choose
  :d.sync="date"
  :dtype.sync="datetype"
    :datetypeDataShow="false"
    @change="datetypeChange"
    >
</ljs-datetype-choose>

export default {
    data() {
        return {
            datetype: '0',
            date: '2024-08-13',
        }
    },
    methods: {
        datetypeChange(datetype, date) {
            // console.log(datetype, date);
        },
    }
}

贡献代码

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