bee-datepicker/demo/demolist/Demo4.js

DatePicker ui component for react

/**
 *
 * @title 选择日期时间
 * @description 以「日期时间」为基本单位，基础的日期时间选择控件
 */


import React, { Component } from 'react';
import {Row, Col } from 'bee-layout';
import DatePicker from '../../src';


import zhCN from 'rc-calendar/lib/locale/zh_CN';
import enUS from 'rc-calendar/lib/locale/en_US';
import moment from 'moment';

function onSelect(d) {
    console.log(d)
}


function onChange(d) {
    console.log(d)
}


class Demo4 extends Component {
    render() {

        return (
            <div>
                <Row>
                    <Col md={12}>
                        <DatePicker

                            format={"YYYY-MM-DD HH:mm:ss"}

                            onSelect={onSelect}

                            onChange={onChange}

                            locale={zhCN}


                            value={moment('2017/12/11')}

                            placeholder = {'选择日期时间'}

                        />
                    </Col>
                </Row>
            </div>
        )
    }
}

export default  Demo4;