Antd RangePicker 时间日期选择器禁用当前时间往后的日期及现在时间往后的时分秒禁选

RangePicker 组件

<RangePickeronChange={onSearch}placeholder={[formatMessage({ id: 'page.Business.StartTime' }),formatMessage({ id: 'page.Business.EndTime' }),]}format="YYYY-MM-DD HH:mm"disabledDate={disabledDate}disabledTime={disabledDateTime}showTime={{ format: 'HH:mm' }}
/>

当天往后的时间禁用

  function disabledDate(current: any) {let result = false;if (current > moment().add(0, 'days')) {result = true;}return result;}

当天现在时刻往后时分禁止（秒类似可以自己添加）

  function disabledDateTime(dates: any) {const hours = moment().hours();const minutes = moment().minutes();const seconds = moment().seconds();if (dates && moment(dates).date() === moment().date()) {return {disabledHours: () => range(hours + 1, 24),disabledMinutes: () => range(minutes + 1, 60),disabledSeconds: () => range(seconds + 1, 60),};}return {disabledHours: () => [],disabledMinutes: () => [],disabledSeconds: () => [],};}

现在是2021/9/24 22：42

Antd RangePicker 时间日期选择器禁用当前时间往后的日期及现在时间往后的时分秒禁选相关推荐

iview ui 日期选择器禁用今天之前和数据返回的日期
直接上代码 <template><Row><Col span="12"><DatePicker type="date" ...
element 时间选择器限制时分秒_关于elementUI里日期选择器禁用时间的一些小技巧...
DatePicker日期选择器算是日常开发中用得比较多的插件之一了,特别是做一些后台管理系统,选择时间.日期也是特别的方便,相比于原生的input中的date,elementUI中的日期选择器显得更加 ...
vue【element ui】el-date-picker 日期选择器控件限制可选的开始时间和结束时间
项目场景: 总结一下日期控件实现开始日期.结束日期的选择范围限制,以便更符合实际情况. 需求: 1.开始时间和结束时间都不能选当前日期之后的时间.(当前时间:2022年5月16日) 2.先选开始时间的 ...
js如何将时间的标准格式和时间戳格式和2022-01-27 00:00:00（年月日时分秒）格式相互转换
目录前言一.new Date()? 1. new Date() 是什么? 2. 怎么用? 二.格式化工具函数 1.如何调用函数: 2.代码如下(示例): 总结前言这里主要讲的是如何将我们的在项 ...
多选月份的日期选择器_GitHub - ylmyg/SelectionTime: Android下日期选择器，支持范围选择、多选、单选、根据输入天数选择日期...
SelectionTime(1.0.1) SelectionTime是用于Android设备上选择日期开源库,高度订制,打造适合自己的日期控件效果图(多选.范围选.单选) 安装说明 Gradle: ...
Element DatePicker 日期选择器禁用单个指定日期
需求:禁用某个时间范围例如['2022-11-11', '2022-11-29'] 效果图: 代码: // html<el-date-pickerv-model="formInfo. ...
uniapp 日期选择器_uniapp实现横向滚动选择日期
本文实例为大家分享了uniapp实现横向滚动选择日期的具体代码,供大家参考,具体内容如下 1.方法封装 common.js //获取当前时间,格式YYYY-MM-DD HH:MM:SS const G ...
最好用的 12 款 Vue Timepicker 时间日期选择器测评推荐 - 卡拉云
本文首发:<最好用的 12 款 Vue Timepicker 时间日期选择器测评推荐 - 卡拉云> Vue 时间日期选择器(date-timepicker)组件在使用 Vue 框架开发中使 ...
mui日期选择器html,MUI 移动端时间选择器
MUI 移动端时间选择器 MUI 移动端时间选择器 MUI 时间段的选择 1.效果展示 2.html 部分按钮部分html 选择时间开始时间结束时间 3.js 部分开始时间选择器的js,结束时 ...

Antd RangePicker 时间日期选择器禁用当前时间往后的日期及现在时间往后的时分秒禁选

Antd RangePicker 时间日期选择器禁用当前时间往后的日期及现在时间往后的时分秒禁选相关推荐

最新文章

热门文章

Antd RangePicker 时间日期选择器 禁用当前时间往后的日期及现在时间往后的时分秒禁选

Antd RangePicker 时间日期选择器 禁用当前时间往后的日期及现在时间往后的时分秒禁选相关推荐

最新文章

热门文章

Antd RangePicker 时间日期选择器禁用当前时间往后的日期及现在时间往后的时分秒禁选

Antd RangePicker 时间日期选择器禁用当前时间往后的日期及现在时间往后的时分秒禁选相关推荐