更新记录

1.2.1（2023-03-28） 下载此版本

优化排版

1.2.0（2023-03-28） 下载此版本

增加支持主题色修改

1.0.0（2023-03-28） 下载此版本

发布了三种状态的日期选择

平台兼容性

luanqing-date-picker

日期选择组件

有三种模式：

1. 简单的年月日弹窗选择
2. 日历弹窗选择多个日期（多选）
3. 日历弹窗选择单个日期（单选）

参数说明

示例代码

<template>
    <view>
        <luanqing-date-picker 
            ref="datePickerObj" 
            :isSimple="mode === 'simple'" 
            :isMultiple="mode === 'multiple'" 
            @finishSelectDate="finishSelectDate" 
            :defaultCheckedList="['2023-03-28','2023-03-25']">
        </luanqing-date-picker>

        <view style="margin-top: 48rpx;">
            <view @click="show('simple')" class="btn">简单选择模式</view>
            <view @click="show('multiple')" class="btn">日历多选模式</view>
            <view @click="show('single')" class="btn">日历单选模式</view>
        </view> 
    </view>
</template>

<script>
    export default {
        data() {
            return {
                mode: 'simple',
            }
        },
        methods: {
            show(showType){
                this.mode = showType;
                this.$refs.datePickerObj.open();
            },
            finishSelectDate(e){
                console.error("选择了日期：",e);
            }
        }
    }
</script>

<style>
.btn{
    width: 600rpx;
    margin-left: 74rpx;
    margin-right: 74rpx;
    text-align: center;
    padding: 12rpx;
    background-color: #E00300;
    color: aliceblue;
    border-radius: 12rpx;
    margin-top: 24rpx;
}
</style>