commit | author | age
|
583af6
|
1 |
var DateTime = require('../DateTime.js'); |
LA |
2 |
var React = require('react'); |
|
3 |
var ReactDOM = require('react-dom'); |
8ada71
|
4 |
var createClass = require('create-react-class'); |
583af6
|
5 |
var moment = require('moment'); |
LA |
6 |
|
8ada71
|
7 |
var Wrapper = createClass({ |
583af6
|
8 |
getInitialState: function() { |
LA |
9 |
return { |
|
10 |
viewMode: 'time' |
|
11 |
}; |
|
12 |
}, |
|
13 |
|
|
14 |
updateView: function(format) { |
|
15 |
console.log('changing viewMode to days'); |
|
16 |
this.setState({ |
|
17 |
viewMode: 'days' |
|
18 |
}); |
|
19 |
}, |
|
20 |
|
|
21 |
componentDidMount: function() { |
|
22 |
setTimeout(this.updateView, 3000); |
|
23 |
}, |
|
24 |
|
|
25 |
render: function() { |
|
26 |
console.log('Current viewmode: ' + this.state.viewMode); |
|
27 |
return React.createElement(DateTime, |
|
28 |
{ viewMode: this.state.viewMode, defaultValue: moment() }); |
|
29 |
} |
|
30 |
}); |
|
31 |
|
|
32 |
ReactDOM.render( |
|
33 |
React.createElement(Wrapper), |
|
34 |
document.getElementById('datetime') |
|
35 |
); |