import React from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import './index.css';
import moment from 'moment';
import { DatePicker } from 'antd';
function range(start, end) {
const result = [];
for (let i = start; i < end; i++) {
result.push(i);
}
return result;
}
function disabledDate(current) {
// Can not select days before today and today
return current && current < moment().endOf('day');
}
function disabledDateTime() {
var date = new Date();//获取当前时间
let h = date.getHours();
let m = date.getMinutes();
let s = date.getSeconds();
if(m+5 >= 60){ // 5分钟之后
return {
// disabledHours: () => range(0, 24).splice(4, 2),
disabledHours: () => range(0, h+1),
disabledMinutes: () => range(0, m-55),
// disabledSeconds: () => [0, 30],
}
}
return{
disabledHours: () => range(0, h),
disabledMinutes: () => range(0, m+5),
}
}
ReactDOM.render(
<div>
<DatePicker
format="YYYY-MM-DD HH:mm:ss"
disabledDate={disabledDate}
disabledTime={disabledDateTime}
showTime={{ defaultValue: moment('00:00:00', 'HH:mm:ss') }}
/>
<br />
</div>,
document.getElementById('container')
);