Generate table header name as current month name

Question

0.00/5 (No votes)

See more:

Hi,

In html, how do I generate table column name as current month's name? For example.

For this month table header should like :

StudentName March

Next month,
StudentName April
and so on..

What I have tried:

Student Name	Current Month
Rabiya	123

Posted 20-Mar-16 22:42pm

Supraja05

Updated 20-Mar-16 23:17pm

Add a Solution

Comments

CHill60 21-Mar-16 4:56am

What have you tried?

Andy Lanng 21-Mar-16 5:00am

Also, What kind of table are you using? How do you populate that table? Are you using any server side language or is this pure html?
Showing us your code would be a good start.

Supraja05 21-Mar-16 5:17am

Hello.. I'm working with Ruby n rails.. In the view part,I want to fetch the name of all students and their current month's work progress.

AS of now,

<table>
<tr>
<th>Student</th>
<th id="month"></th>
</tr>
</table>

//javascript

var month = ['jan','feb','mar','apr',....]
var d= new Date();
$("#month").html(month[d.getMonth()])

//i.e html id month should be replaced with current month's name..

Am I clear now?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manas_Kumar · Answer 1 · 2016-03-20T23:17:00

Solution 1

Try with below code:

HTML

<html>
<body>
<table border="1" cellpadding="0" cellspacing="0">
	<tr>
		<th>
		StudentName
		</th>
		<th id="monthName">
		</th>
	</tr>
	<tr>
		<td>
		Manas
		</td>
		<td>
		1000
		</td>
	</tr>
</table>

<script>
    var month = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

    var d = new Date();
    var n = month[d.getMonth()];
    document.getElementById("monthName").innerHTML = n;
</script>
</body>
</html>

Posted 20-Mar-16 23:17pm

Manas_Kumar

Updated 21-Mar-16 0:34am

v3

Comments

Supraja05 21-Mar-16 5:36am

Thanks Manas. It works fine! What was wrong with my code?
P.S I'm new to html.

[no name] 21-Mar-16 5:42am

If it helps please accept the answer.

As per your code it should work. Did you add jQuery reference in your page?

Supraja05 21-Mar-16 6:13am

But doesn't work when

<table id ="reports" class ="table "data-toggle="table" data-show-columns="true" data-search="true" data-pagination="true" data-show-filter="true">
....
</table>

That field (col name) is empty when I add the above

[no name] 21-Mar-16 6:18am

What is not working - month name not displaying?

[no name] 21-Mar-16 6:26am

Where is <th> in above code.

Do you have same id(<th id="month">) name multiple times in your page?

Supraja05 21-Mar-16 6:29am

no no.. id's are unique only. I have added bootstrap table to enable pagination,export options.

Supraja05 21-Mar-16 6:18am

yeah!