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

vue3 antdv3 a-range-picker a-date-picker 获取选择中的日期值

1、经常用到日期选择、日期范围选择控制

Ant Design Vue — An enterprise-class UI components based on Ant Design and Vue.js

2、上代码:

<RangePickerv-model:value="fieldvaluedate"style="width: 250px":placeholder="['选择日期', '选择日期']"format="YYYY-MM-DD"@change="onRangePickerChange"/><DatePickerv-model:value="fieldvaluedate1"style="width: 250px"placeholder="选择日期"format="YYYY-MM-DD"@change="onDatePickerChange"/>function onRangePickerChange(value, dateString) {fieldvalue = dateString[0] + ',' + dateString[1];}function onDatePickerChange(value, dateString) {fieldvalue = dateString;}
import { DatePicker, RangePicker } from 'ant-design-vue';
fieldvalue: '',
fieldvaluedate: ref<[Dayjs, Dayjs]>(),
fieldvaluedate1: ref<Dayjs>(),
 import dayjs, { Dayjs } from 'dayjs';import weekday from 'dayjs/plugin/weekday';import localeData from 'dayjs/plugin/localeData';dayjs.extend(weekday);dayjs.extend(localeData);

3、上面的代码,要适当的调整下,就可以使用了。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • LeetCode热题100刷题16:74. 搜索二维矩阵、33. 搜索旋转排序数组、153. 寻找旋转排序数组中的最小值、98. 验证二叉搜索树
  • Python学习笔记40:游戏篇之外星人入侵(一)
  • 【Linux】汇总TCP网络连接状态命令
  • 【Django】网上蛋糕商城后台-订单管理
  • Learning vtkjs之WarpScalar
  • HOW - 保证 WebSocket 持续正常连接
  • [解决方法]Request failed with status code 500错误之一
  • AI测试入门(1):认识AI大语言模型(LLM)
  • nodejs安装+踩坑报错解决
  • django报错(二):NotSupportedError:MySQL 8 or later is required (found 5.7.43)
  • Python 基础——列表(list)
  • Xcode如何创建多个工程
  • 提高Java程序效率:ImmutableList、Stream API 和 JSON序列化实战指南
  • 【保姆级】Python项目部署到Linux生产环境(uwsgi+python+flask+nginx服务器)
  • python编程技巧——list计算
  • Angular数据绑定机制
  • avalon2.2的VM生成过程
  • JavaScript 是如何工作的:WebRTC 和对等网络的机制!
  • JavaScript实现分页效果
  • js面向对象
  • js学习笔记
  • Python 反序列化安全问题(二)
  • Python利用正则抓取网页内容保存到本地
  • 不上全站https的网站你们就等着被恶心死吧
  • 从setTimeout-setInterval看JS线程
  • 基于组件的设计工作流与界面抽象
  • 解析 Webpack中import、require、按需加载的执行过程
  • 前端设计模式
  • 少走弯路,给Java 1~5 年程序员的建议
  • 深度学习中的信息论知识详解
  • 一起来学SpringBoot | 第三篇:SpringBoot日志配置
  • 在electron中实现跨域请求,无需更改服务器端设置
  • 正则学习笔记
  • 职业生涯 一个六年开发经验的女程序员的心声。
  • ionic入门之数据绑定显示-1
  • 关于Android全面屏虚拟导航栏的适配总结
  • ​Java并发新构件之Exchanger
  • # 利刃出鞘_Tomcat 核心原理解析(八)-- Tomcat 集群
  • $refs 、$nextTic、动态组件、name的使用
  • (2)Java 简介
  • (pojstep1.3.1)1017(构造法模拟)
  • (二)linux使用docker容器运行mysql
  • (图)IntelliTrace Tools 跟踪云端程序
  • (转)shell中括号的特殊用法 linux if多条件判断
  • .jks文件(JAVA KeyStore)
  • .net 托管代码与非托管代码
  • .Net各种迷惑命名解释
  • .Net下使用 Geb.Video.FFMPEG 操作视频文件
  • ::before和::after 常见的用法
  • @JoinTable会自动删除关联表的数据
  • @RequestBody的使用
  • [2024] 十大免费电脑数据恢复软件——轻松恢复电脑上已删除文件
  • [AIGC] Java List接口详解
  • [android] 切换界面的通用处理
  • [Angularjs]asp.net mvc+angularjs+web api单页应用之CRUD操作