yb-combi-datepicker 组合了"年","月","日"切换类型，选择器对应切换到选择年份、选择月份、选择日期

range 是时间范围的开关，对应 yb-range-datepicker 组件

基本使用

range

年季月日

value：null

<template>
    <div>
        <div style="margin-bottom:20px">
            range
            <el-switch v-model="range"></el-switch>
        </div>
        <yb-combi-datepicker v-model="dateRange" size="medium" :range="range" />
        <div style="margin-top:10px">value：{{dateString}}</div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                dateRange: null,
                range: false,
            };
        },
        computed: {
            dateString() {
                return JSON.stringify(this.dateRange);
            },
        },
        methods: {},
    };
</script>

显示 复制 复制

Props

参数	说明	类型	可选值	默认值
value/v-model	绑定值 , 当 range 为 true 时是数组	array|string	-	-
datePickerProps	el-date-picker (opens new window)对应的属性，当 range 为 true 时对应 yb-range-datepicker 的 datePickerProps , 但不包含 type、format、valueFormat 属性，format、valueFormat 由 dateFormats 定义	object	-
size	控件尺寸	string	"medium" | "small" | "mini"
range	是否时间范围	boolean	-	false
dateFormats	对应 timeType 的 format、valueFormat 配置或者其他 datePickerProps 的属性，优先级高于 datePickerProps	object	-	{year: {format: 'yyyy 年', valueFormat: 'yyyy',},month: {format: 'yyyy 年 MM 月',valueFormat: 'yyyy-MM',},date: {format: 'yyyy 年 MM 月 dd 日',valueFormat: 'yyyy-MM-dd',},}
timeType	默认的时间类型，支持.sync	string	"year"|"month"|"date"	"date"
timeTypes	定义时间类型的名称 , 或者控制只显示哪些类型	object	-	{year: '年',quarter: '季',month: '月',date: '日'}
	其他属性同 yb-range-datepicker

Events

参数	说明	回调参数
change	选定值改变时触发	value,timeType