antd react TimePicker 时、分、秒限制

const applyBeginHour = '02:10:01';
const applyEndHour = '22:10:10';

限制小时

  const disBeginHouse = () => {
    const hours = [];
    if (applyEndHour) {
      const timeArr = applyEndHour.split(':');
      // eslint-disable-next-line no-plusplus
      for (let i = 0; i < 24; i++) {
        if (i >= timeArr[0]) {
          hours.push(i);
        }
      }
    }
    return hours;
  };
  const disEndHouse = () => {
    const hours = [];
    if (applyBeginHour) {
      const timeArr = applyBeginHour.split(':');
      // eslint-disable-next-line no-plusplus
      for (let i = 0; i <= Number(timeArr[0]); i++) {
        hours.push(i);
      }
    }
    return hours;
  };

   <TimePicker disabledHours={disBeginHouse} />

上面限制小时已自测可以。下面是限制时、分、秒的具体方法:

const startTime = '00:00:00',

const 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
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值