node package manager

react_date_picker

ReactDatePicker

📅 React时间选择组件

Usage

npm install react_date_picker --save

//  ...

//  ES6

import React, { Component } from "react";
import ReactDOM from "react-dom";

import ReactDatePicker from "react_date_picker";

class App extends Component {

    constructor(props) {
        super(props);
    }
    
    handleDateChange(date) {
        //  ...
    }
    
    handleClose(date) {
        //  ...
    }
    
    render() {
    
        const config = {
            initDate: "2016-09-12",
            format: "YYYY-mm-dd",
            onClose: this.handleClose.bind(this),
            onChange: this.handleDateChange.bind(this)
        };
    
        return (<div class="app">
            <ReactDatePicker config={config} />
        </div>);
    }
    
}

API

属性名 意义 类型 默认 是否必须
el 选择器(input框的class/id之类的) String N/A
trigger 在什么事件下显示选择器 Array.<String> N/A
initDate 默认时间 Date/String N/A
format 输出时间的格式 String N/A
onOpen 时间选择器刚显示的回调 Fnnction N/A
onClose 时间选择器关闭后的回调 Fnnction N/A
onChange 选择时间发生变化的回调 Fnnction N/A