yl-view/components/yl-calendar/props.js

一个基于uniapp的ui框架

export default {
	props: {
		show: { //是否展示日历弹框
			type: Boolean,
			default: false
		},
		title: { //自定义标题
			type: String,
			default: '日期选择'
		},
		mode: { //日期模式选择  单选single 多选multiple  范围range
			type: String,
			default: 'single'
		},
		subColor: { //主题色(选中和底部按钮)    目前支持 "info","primary","error","warning","success"
			type: String,
			default: 'primary'
		},
		startText: { //mode为range时 开始日期底部提示文字
			type: String,
			default: '开始'
		},
		endText: { //mode为range时 结束日期底部提示文字
			type: String,
			default: '结束'
		},
		confirmText: { //自定义按钮文字
			type: String,
			default: '确定'
		},
		custom: { //自定义文案
			type: Array,
			default: () => []
		},
		maxDate: { //可选择的最大日期
			type: String,
			default: ''
		},
		minDate: { //可选择的最小日期
			type: String,
			default: ''
		},
		maxDisabledText: { //超出可选最大日期的文字提示
			type: String,
			default: ''
		},
		minDisabledText: { //小于可选最小日期的文字提示
			type: String,
			default: ''
		},
		defaultDate: { //初始值
			type: Array,
			default: () => []
		},
		closeOver: { //是否可以点击遮罩关闭日历弹窗
			type: Boolean,
			default: false
		},
		showMark: { //是否展示月份背景
			type: Boolean,
			default: true
		},
		titleAlign: { //标题对齐方式 left/center/
			type: String,
			default: 'center'
		},
		popRound: { //自定义弹窗圆角
			type: Number,
			default: 10
		},
		activeRound: { //自定义选中圆角
			type: Number,
			default: 10
		},
		customAlign: { //自定义文字的对齐方式 上面和下面文字的对齐方式 分别都可选择left center right
			type: Array,
			default: () => ['center', 'center']
		},
		confirmAsync: { //确认时，是否异步 false 异步 true同步
			type: Boolean,
			default: false
		},
		isSameDay: { // mode=range时 是否允许选择同一天
			type: Boolean,
			default: false
		},
	}
}