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

一分钟学会JS获取当前年近五年的年份

先看效果图 

 

 上代码:

 1、HTML

<div><el-date-pickerv-model="queryYearXmgk.startYear"format="yyyy"value-format="yyyy"type="year"placeholder="开始"clearable:picker-options="pickerStartAuditYearXmgk"@change="changYearXmgk"></el-date-picker><span>至</span><el-date-pickerv-model="queryYearXmgk.endYear"format="yyyy"value-format="yyyy"type="year"placeholder="结束"clearable:picker-options="pickerEndAuditYearXmgk"@change="changYearXmgk"></el-date-picker>
</div>

2、js

<script>
export default {components: {},data() {return {queryYearXmgk: {startYear: '',endYear: '',},// year日期选择器  开始年度和结束年度 添加限制pickerStartAuditYearXmgk: {disabledDate: time => {if (this.queryYearXmgk.endYear) {return time.getFullYear() > this.queryYearXmgk.endYear}}},pickerEndAuditYearXmgk: {disabledDate: time => {return time.getFullYear() < this.queryYearXmgk.startYear}},}},created() {let num = new Date(); // 获取当前年let start = num.getFullYear()-4; // 当前年近五年// 日期选择器需传递转成【字符串】后的值this.queryYearTjfy.startYear = start.toString(); this.queryYearTjfy.endYear = new Date().getFullYear().toString();this.getList();},mounted() {},beforeDestroy() {},methods: {getList() {var params = {'startYear': this.queryYearXmgk.startYear,'endYear': this.queryYearXmgk.endYear};jiekou(params).then(res => {if (res.code == 200) {console.log(res)}})},}
}
</script>

http://www.lryc.cn/news/110583.html

相关文章:

  • 14 springboot项目——首页跳转实现
  • IL汇编语言读取控制台输入和转换为整数
  • 什么是跨链 DeFi?
  • Linux下C/C++的gdb工具与Python的pdb工具常见用法之对比
  • 从入门到专业:探索Python中的判断与循环技巧!
  • mqtt、tcp、http的区别
  • 边写代码边学习之RNN
  • 在linux调试进程PID的方法
  • 【并发编程】线程安全的栈容器
  • ES嵌套查询和普通查询的高亮显示区别
  • Greenplum集群部署
  • 电教智能云数据可视化平台开发电能优化日志实录
  • JSX语法基础总结
  • socker套接字
  • No111.精选前端面试题,享受每天的挑战和学习
  • 【Apollo学习笔记】—— 相机仿真
  • 【数据结构】——线性表的相关习题
  • SpringBoot集成Elasticsearch8.x(8)|(新版本Java API Client的Painless语言脚本script使用)
  • SpringBoot复习:(19)Condition接口和@Conditional注解
  • K8s中的Controller
  • 【MFC】03.常用复杂控件的使用-笔记
  • Autosar诊断实战系列14-NRC优先级解析
  • 《向量数据库指南》——腾讯云向量数据库Tencent Cloud VectorDB产品特性,架构和应用场景
  • xcode 的app工程与ffmpeg 4.4版本的静态库联调,ffmpeg内下的断点无法暂停。
  • 机器学习06 数据准备-(利用 scikit-learn基于Pima Indian数据集作 数据特征选定)
  • 机器学习-特征选择:如何使用Lassco回归精确选择最佳特征?
  • SpringBoot之Actuator基本使用
  • 排序算法(一)
  • Centos虚拟机忘记密码-修改密码
  • Shell 分析服务器日志常用命令