antd 之TimePicker设置禁用时间

Posted spy66

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了antd 之TimePicker设置禁用时间相关的知识,希望对你有一定的参考价值。

  1. startTime: ‘00:00:00‘,
  2. endTime: ‘23:59:59‘
//现在时间以后的禁用
getDisabledHours=()=> {
let HOURS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24]
var myDate = new Date();
// myDate.getHours(); //获取当前小时数(0-23)
// myDate.getMinutes(); //获取当前分钟数(0-59)
let hours = []
let HOURSDate=[];
// let time = this.startTime
let timeArr = [myDate.getHours(),myDate.getMinutes()]
// let timeArr = time.split(‘:‘)
for (var i = 0; i < parseInt(timeArr[0]); i++) {
console.log(‘hoursiiiiiiiiii‘, HOURS, i, HOURS.indexOf(i));
hours.push(i)
}
for ( var i = 0; i < HOURS.length; i++) {
if (hours.indexOf(i) < 0) {
HOURSDate.push(i)
}
}
return HOURSDate
}
getDisabledMinutes=(selectedHour)=> {
var MINITES = []
for(var i = 0;i<60;i++){
MINITES.push(i)
}
var myDate = new Date();
// myDate.getHours(); //获取当前小时数(0-23)
// myDate.getMinutes(); //获取当前分钟数(0-59)
let timeArr = [myDate.getHours(), myDate.getMinutes()]
let minutes = []
let MINITESDATE=[]
if (selectedHour == parseInt(timeArr[0])) {
for (var i = 0; i < parseInt(timeArr[1]); i++) {
minutes.push(i)
}
}
for(var i = 0;i<MINITES.length;i++){
if (minutes.indexOf(i) < 0) {
MINITESDATE.push(i)
}
}
return MINITESDATE
}
//现在时间以前的禁用
 

getDisabledHours () {
let hours = []
let time = this.startTime
let timeArr = time.split(‘:‘)
for (var i = 0; i < parseInt(timeArr[0]); i++) {
hours.push(i)
}
return hours
},
getDisabledMinutes (selectedHour) {
let time = this.startTime
let timeArr = time.split(‘:‘)
let minutes = []
if (selectedHour == parseInt(timeArr[0])) {
for(var i = 0; i < parseInt(timeArr[1]); i++) {
minutes.push(i)
}
}
return minutes
},

getDisabledSeconds (selectedHour, selectedMinute) {
let time = this.startTime
let timeArr = time.split(‘:‘)
let second = []
if (selectedHour == parseInt(timeArr[0]) && selectedMinute == parseInt(timeArr[1])) {
for(var i = 0; i <= parseInt(timeArr[2]); i++) {
second.push(i)
}
}
return second
}

以上是关于antd 之TimePicker设置禁用时间的主要内容,如果未能解决你的问题,请参考以下文章

使用antd自制时间范围选择器

AntD React:在 DateRangePicker 中禁用特定日期的时间范围

antd RangePicker/DatePicker 动态满足多个条件禁用

antd RangePicker/DatePicker 动态满足多个条件禁用

antd RangePicker/DatePicker 动态满足多个条件禁用

在 antd 日期选择器中禁用当前日期之前和当前日期 1 个月之后的日期