当前位置: 首页 > news >正文

下拉菜单显示年份选项(月份也适用)

项目场景:

下拉菜单显示年份选项(月份也适用)
前段语言Vue


问题描述

在列表的搜索栏常常需要提供年份、月份选择,此文记录一种简单的年份下拉菜单的展示方式:

	<el-form-item label="年份" prop="year"><el-select v-model="queryParams.year" placeholder="请选择年份" @change="handleQuery" filterable clearable size="small" style="width:115px"><el-optionv-for="item in yearsList":key="item.label":label="item.label":value="item.value"></el-option></el-select></el-form-item>
export default {data() {return {// 年份yearsList:[],};},created() {this.initYears();},methods: {,/** 设置日期列表 */initYears(){let myDate = new Date;let year = myDate.getFullYear();//获取当前年this.initSelectYear(year)},initSelectYear(year) {this.yearsList = [];let count = year - 2019 + 1;for (let i = 0; i < count; i++) {this.yearsList.push({value: (year - i), label: (year - i) + ""});}}}
}

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 深入理解C#中的文件系统I/O操作
  • C++报错无法访问Private
  • 卷积神经网络(CNN)和循环神经网络(RNN) 的区别与联系
  • 适用于 Windows的 5 个最佳 PDF 转 Word 转换器
  • Python爬取豆瓣电影+数据可视化,爬虫教程!
  • Linux: network: openvswitch: disk 访问速度导致不稳定
  • 【CentOS7.6】yum 报错:Could not retrieve mirrorlist http://mirrorlist.centos.org
  • 基于TCP的在线词典系统(分阶段实现)
  • vs+qt5.0 使用poppler-qt5 操作库获取pdf所有文本输出到txt操作
  • B站大课堂-自动化精品视频(个人存档)
  • 【踩坑】探究PyTorch中创建稀疏矩阵的内存占用过大的问题
  • 只需4500字,带你学习Python中7种基础数据类型!
  • 基于单片机的多功能电子时钟的设计
  • ElasticSearch 如何计算得分及一个不太成熟的使用
  • 集合排序 题目
  • 【407天】跃迁之路——程序员高效学习方法论探索系列(实验阶段164-2018.03.19)...
  • bootstrap创建登录注册页面
  • C# 免费离线人脸识别 2.0 Demo
  • C++入门教程(10):for 语句
  • ES学习笔记(10)--ES6中的函数和数组补漏
  • HTML5新特性总结
  • IDEA 插件开发入门教程
  • JavaScript标准库系列——Math对象和Date对象(二)
  • js ES6 求数组的交集,并集,还有差集
  • k8s如何管理Pod
  • nodejs:开发并发布一个nodejs包
  • Octave 入门
  • python 学习笔记 - Queue Pipes,进程间通讯
  • React Native移动开发实战-3-实现页面间的数据传递
  • TypeScript迭代器
  • vue-router的history模式发布配置
  • Web标准制定过程
  • windows下mongoDB的环境配置
  • 搭建gitbook 和 访问权限认证
  • 多线程 start 和 run 方法到底有什么区别?
  • 关于List、List?、ListObject的区别
  • 机器人定位导航技术 激光SLAM与视觉SLAM谁更胜一筹?
  • 浅谈Kotlin实战篇之自定义View图片圆角简单应用(一)
  • 区块链共识机制优缺点对比都是什么
  • 通信类
  • - 语言经验 - 《c++的高性能内存管理库tcmalloc和jemalloc》
  • mysql 慢查询分析工具:pt-query-digest 在mac 上的安装使用 ...
  • ​​​​​​​STM32通过SPI硬件读写W25Q64
  • ​软考-高级-系统架构设计师教程(清华第2版)【第1章-绪论-思维导图】​
  • #我与Java虚拟机的故事#连载03:面试过的百度,滴滴,快手都问了这些问题
  • (附源码)ssm教材管理系统 毕业设计 011229
  • (求助)用傲游上csdn博客时标签栏和网址栏一直显示袁萌 的头像
  • (三)SvelteKit教程:layout 文件
  • (转)ABI是什么
  • (转)项目管理杂谈-我所期望的新人
  • (转载)虚幻引擎3--【UnrealScript教程】章节一:20.location和rotation
  • (轉貼) 2008 Altera 亞洲創新大賽 台灣學生成果傲視全球 [照片花絮] (SOC) (News)
  • .NET Conf 2023 回顾 – 庆祝社区、创新和 .NET 8 的发布
  • .net framework profiles /.net framework 配置
  • .NET WebClient 类下载部分文件会错误?可能是解压缩的锅