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({ |
de3fe1
|
8 |
getInitialState: function() { |
SE |
9 |
return { |
|
10 |
dateFormat: 'YYYY-MM-DD' |
|
11 |
}; |
|
12 |
}, |
78c8ef
|
13 |
|
de3fe1
|
14 |
updateFormat: function(format) { |
SE |
15 |
console.log('changing state'); |
|
16 |
this.setState({ |
|
17 |
dateFormat: 'DD.MM.YYYY' |
|
18 |
}); |
|
19 |
}, |
78c8ef
|
20 |
|
de3fe1
|
21 |
componentDidMount: function() { |
SE |
22 |
setTimeout(this.updateFormat, 2000); |
|
23 |
}, |
78c8ef
|
24 |
|
de3fe1
|
25 |
render: function() { |
SE |
26 |
return React.createElement(DateTime, { |
|
27 |
dateFormat: this.state.dateFormat, |
|
28 |
timeFormat: false, |
|
29 |
defaultValue: moment() |
|
30 |
}); |
|
31 |
} |
78c8ef
|
32 |
}); |
MR |
33 |
|
|
34 |
ReactDOM.render( |
de3fe1
|
35 |
React.createElement(Wrapper), |
SE |
36 |
document.getElementById('datetime') |
701646
|
37 |
); |