import React from 'react'; import ReactDOM from 'react-dom'; import {Input,DatePicker,Form,Col,Button,Select,TimePicker} 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 } = DatePicker; const { Option } = Select; class FormItem extends React.Component{ constructor(props){ super(props); } dateChange = (date,dateString)=>{ this.setState({ endTime:dateString }) }; // 日期限制 disabledDate=(current)=>{ let dateTime = new Date(+new Date() +8*3600*1000).toISOString(); let timeArray =dateTime.split("T")[0].split("-"); let newDate = timeArray[0]+"-"+timeArray[1]+"-"+timeArray[2] ;//当前年月日 let nexDate = timeArray[0]+"-"+(Number(timeArray[1])+1) ;//下个月 // 1、限制只能选择当前月份的日期并且今天之前的日期不可选择 // return (current && current< moment(newDate)) || (current && current > moment(nexDate)); // 2、限制今天之前的日期不能选择 return current && current< moment(newDate) ; // 3、限制只能选择当天的时间 // return current < moment(new Date()) || current > moment().endOf('day'); } render(){ // console.log(this.props); // const { getFieldDecorator } = this.props.form; return( <div> <DatePicker showTime disabledDate = {this.disabledDate} value={ this.state.endTime?moment(this.state.endTime,"YYYY-MM-DD HH:mm:ss"):moment() } onChange={this.dateChange} format="YYYY-MM-DD HH:mm:ss" /> </div> ) } } export default FormItem;
实现图: