javascript - how to print all dates inside cells from 1 to totalDays -
i trying make calendar , want print date 1 30 or 31 depends on month, , have total days in variable totaldays
, have created tr
, td
's in nested loops not sure how print value inside each td
1 30.
var date = new date('11/13/2016'); var totaldays = new date(date.getfullyear(), date.getmonth() + 1, 0); var daysarr = ['m', 't', 'w', 't', 'f', 's', 's']; totaldays = totaldays.getdate(); var table = document.createelement('table'); (var = 0; <= 5+1; i++) { var tr = table.insertrow(i); for(var ii = 0; ii <= 7-1; ii++){ var td = tr.insertcell(ii); td.innerhtml = (ii); } } console.log(table);
to fill days, can try one:
var date = new date('11/13/2016'), totaldays = new date(date.getfullyear(), date.getmonth() + 1, 0), // changed order synchronize getday() in js => sun = 0 daysarr = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'], table = document.createelement('table'), row = 0, d = 1, h = new date(date.setdate(1)); totaldays = totaldays.getdate(); h = h.getday(); while (d <= totaldays + daysarr.length) { var tr = table.insertrow(row); (var ii = 0; ii < daysarr.length; ii++) { if (d > totaldays + daysarr.length) { break; } var td = tr.insertcell(ii); if (d <= daysarr.length) { //filling header calendar td.innerhtml = daysarr[h]; d++; if (h >= daysarr.length - 1) { h = 0; } else { h++ } } else { //filling dates td.innerhtml = d++ - daysarr.length; } } row++; } document.body.appendchild(table); console.log('total days month:', totaldays);
of course has not finish yet calendar project. hope help
Comments
Post a Comment