ElementUi Select下拉选择年份 默认选中当前年

Vue端:

<el-select
  v-model="year"
  placeholder="请选择"
  popper-class="popperClassA"
  @change="selectChange">
    <el-option
      v-for="(item, index) in yearsList"
      :key="index"
      :label="item.label"
      :value="item.value"/>
    </el-select>
</el-select>

data() {
    return {
      yearsList: [],
      year: new Date().getFullYear() //默认展示当前年
    }
},
created() {
  const _this = this
  _this.years()
},
methods: {
  //年份select下拉列表设置
  years() {
    const _this = this
    _this.initSelectYear(new Date().getFullYear())
  },
  initSelectYear(year) {
    const _this = this
    _this.yearsList = []
    for (let i = 0; i < 11; i++) { //截止当前年往前查询10年
      _this.yearsList.push({ value: (year - i), label: (year - i) + '年' })
    }
  }
}

Sql:

<select id="count"  parameterType="Map" resultType="int">
    SELECT count(1) FROM XXXX
    <where>
        <if test="year != '' and year != null">
            AND YEAR(time) = #{year} // 日期格式只取年份
        </if>
    </where>
</select>

  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值