1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
| 'use strict';
|
| var React = require('react');
|
| var DOM = React.DOM;
| var DateTimePickerYears = React.createClass({
| render: function() {
| var year = parseInt(this.props.viewDate.year() / 10, 10) * 10;
|
| return DOM.div({ className: 'rdtYears' },[
| DOM.table({ key: 'a'}, DOM.thead({}, DOM.tr({},[
| DOM.th({ key: 'prev', className: 'prev' }, DOM.button({onClick: this.props.subtractTime(10, 'years')}, '‹')),
| DOM.th({ key: 'year', className: 'switch', onClick: this.props.showView('years'), colSpan: 2 }, year + '-' + (year + 9) ),
| DOM.th({ key: 'next', className: 'next'}, DOM.button({onClick: this.props.addTime(10, 'years')}, '›'))
| ]))),
| DOM.table({ key: 'years'}, DOM.tbody({}, this.renderYears( year )))
| ]);
| },
|
| renderYears: function( year ) {
| var years = [],
| i = -1,
| rows = [],
| renderer = this.props.renderYear || this.renderYear,
| classes, props
| ;
|
| year--;
| while (i < 11) {
| classes = 'year';
| if( i === -1 | i === 10 )
| classes += ' old';
| if( this.props.selectedDate.year() === year )
| classes += ' active';
|
| props = {
| key: year,
| 'data-value': year,
| className: classes,
| onClick: this.props.setDate('year')
| };
|
| years.push( renderer( props, year, this.props.selectedDate.clone() ));
|
| if( years.length == 4 ){
| rows.push( DOM.tr({ key: i }, years ) );
| years = [];
| }
|
| year++;
| i++;
| }
|
| return rows;
| },
|
| renderYear: function( props, year, selectedDate ){
| return DOM.td( props, year );
| }
| });
|
| module.exports = DateTimePickerYears;
|
|