a-range-picker限制选择今天之前的时间和今天之后的时间

antd的时间选择器做限制主要用到的参数是disabledDate ，下面我们看下案例：

HTML：

<a-date-picker :disabledDate="disabledDate"></a-date-picker>   //最简单的写法

这里要用到moment插件，大家自行下载， npm i moment

JS：

这里也分为好多种情况，下面逐一解释：

一、限制只能选明天及之后的日期（今天不可选中）

import moment from 'moment'  //引入moment插件
//方法
methods: {disabledDate (current) {return current && current < moment().endOf('day')}
}

二、限制只能选今天及之后的日期（今天可选中）

disabledDate (current) {return current && current < moment().subtract(1, 'days').endOf('day')
}

三、限制只能选昨天及之前的日期（今天不可选中）

disabledDate (current) {return current && current > moment().subtract(1, 'days').endOf('day')
}

四、限制只能选今天及之前的日期（今天可选中）

disabledDate (current) {return current && current > moment().endOf('day')
}

我现在用的最后一种情况，这里我就展示最后一个效果图吧！（7.1之后的日期不可选择，可选今天的日期）

a-range-picker限制选择今天之前的时间和今天之后的时间相关推荐

daterangepicker java_日期选择插件Date Range Picker
Date Range Picker jQuery Date Range Picker 是一个基于 jQuery 的日期选择插件,使用起来也算方便,主要提日期范围.单个日期 (时间.周.快捷键.每周其 ...
daterangepicker 清空_Date Range Picker 中文网
首先,在您的网页中包含jQuery,Moment.js和Date Range Picker的文件: 然后将日期范围选择器附加到您想要触发它的任何内容: Code: $('input[name=&quo ...
Element Plus 实例详解（三）___Date Picker 日期选择
Element Plus 实例详解(三) ___Date Picker 日期选择文章目录: 一.前言二.搭建Element Plus试用环境 1.搭建Vue3项目(基于Vite + Vue) 2. ...
vue2 + elementui 日期时间选择器禁止选择当前时间之前的日期及时间，并添加相应校验规则
项目里有这样一个需求:文章设置的预发布时间不得早于当前时间(包括日期和时分秒时间). 具体实现如下: 1.在日期时间选择其中设置禁止选中(包括日期和时间) (1)在html(template)中, 通 ...
【uView】picker 地区选择
看了评论,大部分说用不了.原因是... 这是 uView1.x 的写法,uView 2.0 是没有mode这个属性的. 思路:利用u-picker 的region地区模式作为选择器,然后展示在u-in ...
vant+cell+picker+级联选择默认选中
文章目录一.代码示例-父组件调用二.代码示例-子组件总结一.代码示例-父组件调用 <myCellTree v-model="test" title="测试& ...
为对抗训练的理论工作添砖加瓦：选择核心子集进行训练，大大缩短训练时间...
关注公众号,发现CV技术之美 ▊ 引言深度神经网络极易受到对抗样本的攻击.防御对抗样本攻击一个直观有效的方式就是对抗训练比如Free adversarial training 和Fast adver ...
时间组件关于禁选时间的设置（禁选当前之前的时间、禁止选择某个范围之外的时间等）
1.前景开发项目的时候,用到了时间选择器,其中对禁止选择的时间上有好几个要求,现在项目完结,总结一下这几种禁止选择的情况 2.禁止选择的几种情况组件使用代码,disabledDate属性表示设置禁 ...
element-ui 的日期时间选择器的未来/过去时间无法选择设置
<el-form-item label="申请时间"><el-date-picker v-model="applicationTime"typ ...

a-range-picker限制选择今天之前的时间和今天之后的时间

a-range-picker限制选择今天之前的时间和今天之后的时间

a-range-picker限制选择今天之前的时间和今天之后的时间相关推荐

最新文章

热门文章