组件-Element—Calendar（ 日历）

组件— 日历

1. 基本
   

   <el-calendar v-model="value"></el-calendar><script>export default {data() {return {value: new Date()}}}</script>

2. 自定义内容
   

   <el-calendar><!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法--><templateslot="dateCell"slot-scope="{date, data}"><p :class="data.isSelected ? 'is-selected' : ''">{{ data.day.split('-').slice(1).join('-') }} {{ data.isSelected ? '✔️' : ''}}</p></template></el-calendar><style>.is-selected {color: #1989FA;}</style>

3. 自定义范围
   

   <el-calendar :range="['2019-03-04', '2019-03-24']"></el-calendar>

4. Attributes
   

5. dateCell scoped slot 参数