twitter-bootstrap - 如何在 reactJs.net 中使用引导日期选择器

Question

我是 ReactJS 的初学者。我正在使用带有 MVC5 的 ReactJs.Net (JSX)。我想使用引导日期和时间选择器。我搜索了很多，但没有找到任何例子。我还在http://reactjs.net/getting-started/tutorial.html进行了搜索。请帮助显示日期选择器初始化的示例。这对我有很大帮助。

Answer 1

这是一个使用 Bootstrap 的 ES6（使用BabelJS）示例date-picker。

声明者：我没有使用 ReactJS.net 的经验，但是使用ReactJS

"use strict";

import React, { PropTypes } from 'react';

class Calender extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            date : "2016-01-15T01:06"
        };
    }

    render() {
        return (
            <input type="datetime-local" ref={(date) => {this.dateRef = date;}} value={this.state.date} onChange={this._onDateChange.bind(this)}/>
        );
    }

    _onDateChange(e) {
        let state = this.state;
        state['date'] = e.target.value;
        // Or (you can use below method to access component in another method)
        state['date'] = this.dateRef.value;
        this.setState(state);
    }

}

export default Calender;

---

工作示例：

.

参考：ReactJS froms