Qual é a sua dúvida?
Jquery
Div
$('< div>').addClass('datepicker-days')
.append($('< table>').addClass('table-condensed')
.append(headTemplate)
.append($('< tbody>'))
),
$('< div>').addClass('datepicker-months')
.append($('< table>').addClass('table-condensed')
.append(headTemplate.clone())
.append(contTemplate.clone())
),
$('< div>').addClass('datepicker-years')
.append($('< table>').addClass('table-condensed')
.append(headTemplate.clone())
.append(contTemplate.clone())
),
$('< div>').addClass('datepicker-decades')
.append($('< table>').addClass('table-condensed')
.append(headTemplate.clone())
.append(contTemplate.clone())
);
Link
topRow.append($('< td>')
.append($('< a>').attr({href: '#', tabindex: '-1', 'title':'Increment Hour'}).addClass('btn').attr('data-action', 'incrementHours')
.append($('< span>').addClass(options.icons.up))));
middleRow.append($('< td>')
.append($('< span>').addClass('timepicker-hour').attr({'data-time-component':'hours', 'title':'Pick Hour'}).attr('data-action', 'showHours')));
bottomRow.append($('< td>')
.append($('< a>').attr({href: '#', tabindex: '-1', 'title':'Decrement Hour'}).addClass('btn').attr('data-action', 'decrementHours')
.append($('< span>').addClass(options.icons.down))));