日历(midea-calendar-pave)

APP内置组件，可直接在template中使用，不需要import导入和注册。

实例

基础用法

<template>
  <div class="app-wrapper">
    <div class="center margin-top-80">
      <midea-calendar-pave
        class="calendar"
        value="2023-11-10"
        activeColor="#00ff00"
      ></midea-calendar-pave>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped>
.center {
  width: 750px;
  align-items: center;
}
.margin-top-80 {
  margin-top: 80px;
}
.calendar {
  width: 750px;
}
</style>

Attributes

Prop	Type	Required	Default	Description
value	String	N	-	默认选中日期，格式 YYYY-MM-DD
activeColor	String	N	-	选中状态颜色
arrowColor	String	N	#000000	左右箭头颜色(默认黑色)
titleColor	String	N	-	左右箭头之间日期颜色(系统默认颜色)
dayTextColor	String	N	#000000	日期中日的字体颜色(默认黑色)
dayTextDisableColor	String	N	#999999	日期中日的不可点击字体颜色(默认灰色)
weexDayTextColor	String	N	-	周末栏文字颜色(系统默认颜色)
dayTextCheckedColor	String	N	#FFFFFF	选中日期字体颜色(默认白色)

Events

事件名称	说明	回调参数
-	-	-