this is the way I use dynamic id
$$('.childbirthday').on('click',
function () {
var xz = this.id;
var calendarbirthday = app.calendar.create({
inputEl: '#'+xz,
dateFormat: 'dd M yyyy',
header: true,
footer: true,
openIn: 'customModal',
dayNamesShort: ['CN', 'th 2', 'th 3', 'th 4', 'th 5', 'th 6', 'th7'],
monthNames: ['Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4', 'Tháng 5', 'Tháng 6', 'Tháng 7', 'Tháng 8', 'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12'],
monthNamesShort: ['Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4', 'Tháng 5', 'Tháng 6', 'Tháng 7', 'Tháng 8', 'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12'],
renderHeader: function () {
return '<div class="nav-c">' +
'<table>' +
'<tr>' +
'<td class="left">' +
'<a href="#" class="nav-c__button"></a>' +
'</td>' +
'<td class="center">' +
'<div class="nav-c__Text">' +
'Chọn ngày sinh' +
'</div>' +
'</td>' +
'<td class="right">' +
'<a href="#" class="link nav-c__button nav-c__button--close calendar-close sheet-close popover-close"></a>' +
'</td>' +
'</tr>' +
'</table>' +
'</div>';
},
renderFooter: function () {
return '<div class="link-buttton-calendar"><a href="#" class="link button-c calendar-close sheet-close popover-close">Hoàn thành</a></div'
},
on: {
dayClick: function (calendar, dayEl, year, month, day) {
console.log('day click');
stringDateSinMonth = 1 + parseInt(month);
if (parseInt(stringDateSinMonth) < 9) {
var a = '0' + stringDateSinMonth;
}
else {
a = parseInt(month) + 1;
}
if (parseInt(day) < 9) {
var b = '0' + day;
} else {
b = day;
}
var BirthDateSin = '' + b + '-' + a + '-' + year + '';
var stringDateSinText =
$$('#' + xz).text(BirthDateSin);
console.log(xz);
}
}
});
});