element的calendar日历组件的使用

首先我们可以在组件内使用或者创建一个组件
因为这个组件可能功能复杂，所以这次我们重新创建一个组件
名叫MyCalender.vue

<template>
  <el-calendar v-model="curDate" />
</template>

<script>
export default {
   
  data() {
   
    return {
   
      curDate: new Date()
    }
  }
}
</script>

样式代码

<style lang="scss" scoped>
.select-box {
   
  display: flex;
  justify-content: flex-end;
}

::v-deep .el-calenda