element ui 一个el-date-picker实现按日，按月，按年

最新推荐文章于 2024-04-30 16:16:52 发布

AfeiyuO

最新推荐文章于 2024-04-30 16:16:52 发布

阅读量744

点赞数

分类专栏：前端文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/AfeiyuO/article/details/128927061

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<div class="timeRange">
          时间范围：最近&nbsp;&nbsp;&nbsp;
          <el-tag v-for="(item, index) in timeRangeData[currentDayActivedType]" :key="index"
            :class="item.value === timeRangeDataActived ? 'isActive' : ''" @click="timeRangeDataActived = item.value">
            {{ item.title }}
          </el-tag>
          <el-date-picker icon="el-icon-date" @focus="deleteTimeBtnStyle" v-model="timeRangeVal"
            :type="this.currentDayActivedType === 7 ? 'daterange' : this.currentDayActivedType === 8 ? 'monthrange' : 'monthrange'"
            :format="yyyy"
            range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
          </el-date-picker>
 </div>

:format="yyyy"   //绑定年的