element的calendar日历组件的使用

最新推荐文章于 2024-02-01 13:39:01 发布

VIP文章紫~阳

最新推荐文章于 2024-02-01 13:39:01 发布

阅读量851

点赞数

分类专栏： element vue 文章标签： vue.js javascript html

本文链接：https://blog.csdn.net/weixin_45706862/article/details/120018154

版权

首先我们可以在组件内使用或者创建一个组件
因为这个组件可能功能复杂，所以这次我们重新创建一个组件
名叫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-calendar-day {

最低0.47元/天解锁文章

优惠劵

紫~阳

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
element的calendar日历组件的使用

首先我们可以在组件内使用或者创建一个组件因为这个组件可能功能复杂，所以这次我们重新创建一个组件名叫MyCalender.vue<template> <el-calendar v-model="curDate" /></template><script>export default { data() { return { curDate: new Date() } }}</script>
复制链接

扫一扫