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

vue3+ant design vue实现日期选择器默认显示当前年,并限制用户只能选择当前年及之前~

1、思路:之前想拿当前年直接做赋值操作,实际上是行不通的,因为组件本身有数据格式限制,会出现报错,然后索性直接获取当前日期(YYYY-MM-DD)赋值给日期组件,这样不管你用的是年,还是月,都可以正确展示。

2、代码:

<a-date-pickerv-model:value="value1"picker="year"class="select_width":disabledDate="disabledDate"
/>import dayjs from 'dayjs';
const value1 = ref(dayjs()); //设置当前年
const disabledDate = (current) => {// 只允许选择当前年及之前的年份return current && current > dayjs().endOf('year');
};

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

相关文章:

  • 【electron-vite】搭建electron+vue3框架基础
  • 05《存储器层次结构与接口》计算机组成与体系结构 系列课
  • elasticsearch报错fully-formed single-node cluster with cluster UUID
  • Milvus×Florence:一文读懂如何构建多任务视觉模型
  • DAPP
  • 生产环境中,nginx 最多可以代理多少台服务器,这个应该考虑哪些参数 ?怎么计算呢
  • 【深度学习|目标跟踪】StrongSORT 详解(以及StrongSORT++)
  • 23种设计模式-原型(Prototype)设计模式
  • Qt—QLineEdit 使用总结
  • go-zero使用自定义模板实现统一格式的 body 响应
  • BUGKU printf
  • 深度学习:梯度下降法
  • `console.log`调试完全指南
  • ROS VSCode调试方法
  • 16 —— Webpack多页面打包
  • 微服务即时通讯系统的实现(服务端)----(3)
  • .net6.0 mvc 传递 model 实体参数(无法对 null 引用执行运行时绑定)
  • VUE 入门级教程:开启 Vue.js 编程之旅
  • Ubantu系统docker运行成功拉取失败【成功解决】
  • mvn-mac操作小记
  • 机器学习——生成对抗网络(GANs):原理、进展与应用前景分析
  • 「Mac畅玩鸿蒙与硬件33」UI互动应用篇10 - 数字猜谜游戏
  • Ps:存储 Adobe PDF
  • DDR3保姆级使用教程:ZYNQ 7010
  • OpenCV 模板匹配全解析:从单模板到多模板的实战指南
  • 【JAVA] 杂谈: java中的拷贝(克隆方法)
  • 使用 PDF API 合并 PDF 文件
  • 关于BeanUtils.copyProperties是否能正常复制字段【详细版】
  • 爬虫框架快速入门——Scrapy
  • 鸿蒙开发-HMS Kit能力集(应用内支付、推送服务)