occ-tinper-bee/components/SearchPanelComp/DateRender/YearRender.jsx

Base tinper-bee 2.0.10-beta.2: React Components living for enterprise-class pc backend application

import React, { Component } from "react";

import { Icon, FormControl } from "tinper-bee";
import DatePicker from "tinper-bee/lib/Datepicker";
const { YearPicker } = DatePicker;
import moment from "moment";
import zhCN from "rc-calendar/lib/locale/zh_CN";
import PropTypes from "prop-types";
export default class YearRender extends React.Component {
   handChange(value) {
      if (value == "") {
         this.props.onChange(null);
      } else {
         this.props.onChange(value.valueOf());
      }
   }

   render() {
      let { onChange, value, placeholder, format, disabled } = this.props;

      if (value) {
         if (moment.isMoment(value)) {
            value = value;
         } else {
            value = moment(value);
         }
      }

      return (
         <YearPicker
            format={format ? format : "YYYY"}
            placeholder={placeholder}
            onChange={this.handChange.bind(this)}
            value={value}
            locale={zhCN}
            disabled={disabled}
         />
      );
   }
}

const propTypes = {
   placeholder: PropTypes.string,
   disabled: PropTypes.bool,
   onChange: PropTypes.func,
   format: PropTypes.string
};

const defaultProps = {
   placeholder: "请选择",
   disabled: false,
   onChange: () => {},
   format: "YYYY"
};