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

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

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

2、代码:

<a-date-picker
   v-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.kler.cn/a/417555.html

相关文章:

  • Deno vs Node.js:性能对比深度解析
  • 【21天学习AI底层概念】day14 (kaggle新手入门教程)random forests
  • SQL 秒变 ER 图 sql转er图
  • C#结合html2canvas生成切割图片并导出到PDF
  • trinitycore服务器离线,原来是mysql里数据库flag设置为2离线状态了
  • 《苍穹外卖》项目学习记录-Day11订单统计
  • Astra+ 深度相机系统架构解析:组件功能、数据流和应用领域
  • YOLO系列论文综述(从YOLOv1到YOLOv11)【第5篇:YOLOv3——多尺度预测】
  • JMeter中获取随机数、唯一ID、时间日期(包括当前日期增减)截取指定位数的字符等
  • 853 有边数限制的最短路(bellman-ford贝尔曼福特算法)
  • MySQL常见面试题(一)
  • A*(A-star)算法
  • qt QGraphicsEllipseItem详解
  • 电气火灾式故障电弧探测器在某医院照明回路中的应用
  • 第七课 Unity编辑器创建的资源优化_UI篇(UGUI)
  • Java中TimedCache缓存对象的详细使用
  • 力扣--LCR 149.彩灯装饰记录I
  • RAG数据拆分之PDF
  • Java Stream reduce 函数,聚合数据
  • html 中的 <code>标签
  • uniapp的video组件截图(抓拍)功能,解决截后为黑图bug
  • MySQL中的锁与MVCC
  • 【Ansible】自动化运维工具
  • Kafka知识体系
  • Python面向对象编程与模块化设计练习
  • 【Linux】管道