commit | author | age
|
78c8ef
|
1 |
var DateTime = require('../DateTime.js'); |
MR |
2 |
var React = require('react'); |
|
3 |
var ReactDOM = require('react-dom'); |
8ada71
|
4 |
var createClass = require('create-react-class'); |
78c8ef
|
5 |
var moment = require('moment'); |
MR |
6 |
|
8ada71
|
7 |
var Wrapper = createClass({ |
78c8ef
|
8 |
getInitialState: function() { |
MR |
9 |
return { |
89e532
|
10 |
dateFormat: 'YYYY-MM-DD' |
78c8ef
|
11 |
}; |
MR |
12 |
}, |
|
13 |
|
|
14 |
updateFormat: function(format) { |
|
15 |
console.log('changing state'); |
|
16 |
this.setState({ |
89e532
|
17 |
dateFormat: 'DD.MM.YYYY' |
78c8ef
|
18 |
}); |
MR |
19 |
}, |
|
20 |
|
|
21 |
componentDidMount: function() { |
|
22 |
setTimeout(this.updateFormat, 2000); |
|
23 |
}, |
|
24 |
|
|
25 |
render: function() { |
701646
|
26 |
return React.createElement(DateTime, |
89e532
|
27 |
{ dateFormat: this.state.dateFormat, timeFormat: false, defaultValue: moment() }); |
78c8ef
|
28 |
} |
MR |
29 |
}); |
|
30 |
|
|
31 |
ReactDOM.render( |
89e532
|
32 |
React.createElement(Wrapper), |
SE |
33 |
document.getElementById('datetime') |
701646
|
34 |
); |