import React from 'react';

import ReactDOM from 'react-dom';

import {Input,DatePicker,Form,Col,Button,Select} from 'antd';

import 'antd/dist/antd.css';

import locale from 'antd/lib/date-picker/locale/zh_CN';

import 'moment/locale/zh-cn';

import moment from 'moment';

import ChildrenCom from './children-com.js';

moment.locale('zh-cn');

const { RangePicker,TimePicker  } = DatePicker;

const { Option } = Select;

class FormItem extends React.Component{

	constructor(props){

		super(props);

		this.state={

			count:1,

			time:'',

			startTime:new Date(+new Date() +8*3600*1000).toISOString().split("T")[1].split(".")[0]//获取当前时间

		};

		 this.myRef = React.createRef();

	}

	timeChange = (time,timeString)=>{

		this.setState({

			time:timeString

		})

	};
　　　　　　//限制小时显示

	disabledHours = ()=>{

		let hours=[];

		let time = this.state.startTime;

		// let time=new Date(+new Date() +8*3600*1000).toISOString().split("T")[1].split(".")[0];

		// this.setState({startTime:time},()=>{console.log("11")});

		let timeArr = time.split(":");

		for(var i=0;i<parseInt(timeArr[0]);i++){

			hours.push(i)

		}

		return hours;

	};
　　　　//限制分钟

	disabledMinutes = (selectedHour)=>{

		let {startTime} = this.state;

		let timeArr  =startTime.split(":");

		let minutes =[];

		if(selectedHour == parseInt(timeArr[0])){

			for(let i=0;i<parseInt(timeArr[1]);i++){

				minutes.push(i);

			}

		}

		return minutes;

	};
//限制秒

	disabledSeconds = (selectedHour,selectedMinute)=>{

		let {startTime} = this.state;

		let timeArr = startTime.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;

	};

	render(){

		return(

			<div>

				<TimePicker

					disabledHours = {this.disabledHours}

					disabledMinutes = {this.disabledMinutes}

					disabledSeconds = {this.disabledSeconds}

					value={

						this.state.time ? moment(this.state.time,"HH:mm:ss"):moment()

					}

					onchange={this.timeChange}

					format="HH:mm:ss"

				/>

			</div>

		)

	}

}

export default FormItem;