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

antd+vue——datepicker日期控件——禁用日期功能

需求:今天之前的日期禁用
在这里插入图片描述

<a-date-pickerv-model.trim="formNE.deliveryTime":disabled-date="disabledDate"valueFormat="YYYY-MM-DD"allowClearstyle="width: 100%"
/>

禁用日期的范围:

//时间范围
disabledDate(current) {return current < moment().subtract(1, 'day');
},

在使用之前,需要安装moment插件,并在页面中引入:
import moment from 'moment';

后续其他的禁用日期形式出现的话,在下面会进行补充。

【下面是moment自带的获取之前和之后日期的方法】

1.当天之前的日期

moment().subtract(1, 'day')

2.当天之前7天的日期

moment().subtract(7, 'day')

3.当天之后的日期

moment().add(1, 'day')

4.当天之后10天的日期

moment().add(10, 'day')

上面获取到日期后,可以转化为想要的格式:比如下面的可以转为年月日
moment().subtract(7, 'days').format('YYYY/MM/DD')

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

相关文章:

  • 技术分享 | Appium 用例录制
  • [蓝桥杯 2018 省 A] 付账问题
  • 设计模式|装饰器模式(Decorator Pattern)
  • 发作性睡病有性别差异吗?
  • ppt从零基础到高手【办公】
  • 文件上传下载
  • C++11 新特性:新增算法
  • c/c++普通for循环学习
  • 操作系统组成部分
  • 深入理解DES算法:原理、实现与应用
  • # 达梦sql查询 Sql 优化
  • Linux下SPI驱动:SPI设备驱动简介
  • 【简明图文教程】Node.js的下载、安装、环境配置及测试
  • 共模电感饱和与哪些参数有关?这些参数是如何影响共模电感的?
  • 儿童护眼台灯怎么选?五款必选的高口碑护眼台灯推荐
  • 前端小技巧之轮播图
  • 手动实现简易版RPC(上)
  • 大语言模型总结整理(不定期更新)
  • 关于npm和yarn的使用(自己的问题记录)
  • Web端Excel的导入导出Demo
  • Java日期正则表达式(附Demo)
  • 基于LabVIEW的CAN通信系统开发案例
  • SAP SD学习笔记07 - 紧急发注(急单),现金贩卖,贩卖传票Type/ 明细Category 及其Customize
  • (六)C++自制植物大战僵尸游戏关卡数据讲解
  • Java基于微信小程序的校园外卖平台设计与实现,附源码
  • 渗透工具及其知识库(个人笔记)
  • MongoDB的使用
  • labview中FP.isFrontmost不生效?
  • Vela-OS: 记录一个class层,处理MSC协议的bug
  • 跨框架探索:React Redux 和 Vuex 对比分析快速掌握React Redux