joywok-material-components/components/datepicker/datemonth.js

<h1 align="center"> Joywok Material Components </h1>

import React from 'react';
import ReactDOM from 'react-dom';
import MomentUtils from '@date-io/moment';
import moment from 'moment';
import MuiPickersUtilsProvider from 'material-ui-pickers/MuiPickersUtilsProvider';
import DatePicker from 'material-ui-pickers/DatePicker';
import {InlineDatePicker} from 'material-ui-pickers/DatePicker';
require('./style/datemonth.css');
function timetostamp_now(stamp,type){
    let date = new Date(stamp*1000);
    let data = new Date(date.getFullYear(),date.getMonth(),date.getDate());
    let datum = Date.parse(data)/1000;
    if(type){
      datum+=86399
    }
    return datum
}
class JwDateRange extends React.Component{
  constructor(props) {
    super(props);
    this.state = {
    	startDate:props.startDate ||null,
    	endDate:props.endDate || null
    };
  }
  onChange(date){
    let self = this;
    let newData = {
      date:date.date(1).set('hour', 0).set('minute', 0).set('minute', 0).set('second', 0).format('X')
    }
    self.props.onChange && self.props.onChange(newData)
  }
  render(){
    let self = this;
    let format = this.props.format || 'YYYY-MM';
  	return (<div className="jw-datemonth">
        <div className="jw-datemonth-icon"></div>
        <div className="jw-datemonth-c">
          <MuiPickersUtilsProvider utils={MomentUtils}>
            <DatePicker
              onlyCalendar
              className={'jw-datemonth-target'}
              format={format}
              placeholder={(self.props.placeholder || "时间")}
              views={["year", "month"]}
              value={this.props.value!=null?moment(this.props.value*1000):null}
              onChange={(e)=>self.onChange(e)}
            />
          </MuiPickersUtilsProvider>
        </div>
      </div>
      )
  }
  componentWillReceiveProps(nextProps){
    this.setState(nextProps);
  }
  componentDidMount(){
  }
}

export default JwDateRange;