How to display dates and months on header

Question

I want to build a table with header containing Months and dates without weekends on the top as the following:

enter image description here .

Using HTML or JavaScript. Anyone please help me on this

So you basically want a calendar without weekends? Have you tried anything? — Artyom Neustroev, Jun 06 '13 at 06:15
Yes.. Artyom.. we want without weekend I tried searching built in component. But didn't — Neer, Jun 06 '13 at 06:19

score 0 · Answer 1 · edited May 23 '17 at 10:30

0

I would be creating a table using JavaScript. You could cycle through the dates that you wish to display. Run the check that is detailed in the answer on this SO question. It will check to determine if the date is a weekend or note. Code from question:

var day = yourDateObject.getDay();
var isWeekend = (day == 6) || (day == 0);    // 6 = Saturday, 0 = Sunday

Using that as the validating statement in your loop, you can then just call document.createElement('th') to create your header. It's pretty simple from there.

edited May 23 '17 at 10:30

Community

1
1

answered Jun 06 '13 at 06:20

JosephGarrone

4,081
3
38
61

You can use the upvote/accept answer button if this answer helped you. – JosephGarrone Jun 06 '13 at 06:45
Can we display the above one using SVG..? – Neer Jun 06 '13 at 06:46
If you have the graphics, then I would assume so...Just create a new svg instead. – JosephGarrone Jun 06 '13 at 07:22

How to display dates and months on header

1 Answers1