Getting present date using JS with full name of month

Question

I have been trying to get the months full name using the script (shown below) but couldn't able to get it.. seems like some thing is missing..

Code as follows:

var d=new Date();
var monthNames = ["January", "February", "March", "April", "May", "June",
                  "July", "August", "September", "October", "November", "December"];
var timeString = d.getDate() + '-' + d.getFullYear()
    +  ' ' + d.getHours() + ':' + d.getMinutes() + ':'
    + d.getSeconds();
document.getElementById("date").innerHTML = (monthNames[d.getMonth()]) + timeString;

<div>
  <small><B><p id="date" name="date" class="date"></p></B></small>
</div>

Any Help is Appreciated..

Possible duplicate: Please see this post: http://stackoverflow.com/questions/1643320/get-month-name-from-date — dns_nx
– dns_nx, Commented Sep 7, 2016 at 6:41
please go through the edited post.. it still isn't working.... suggest — user6779766
– user6779766, Commented Sep 7, 2016 at 6:47

passion · Accepted Answer · 2016-09-07 06:48:38Z

1

var d=new Date();
        Date.prototype.getMonthName = function() {
            var monthNames = ["January", "February", "March", "April", "May", "June",
            "July", "August", "September", "October", "November", "December"];
            return monthNames[this.getMonth()];
        }


        var timeString = d.getDate() + '-' + d.getMonthName() + '-' + d.getFullYear()
            +  ' ' + d.getHours() + ':' + d.getMinutes() + ':' 
            + d.getSeconds();
        document.getElementById("date").innerHTML =timeString;

Your code is OK

answered Sep 7, 2016 at 6:48

passion

1,3609 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

herrsiim · Accepted Answer · 2016-09-07 06:45:32Z

0

There is one simple issue when creating timeString variable. Instead monthNames you should invoke your method "getMonthName" instead just asking for variable you created inside getMonthName.

var timeString = d.getDate() + '-' + d.getMonthName() + '-' + d.getFullYear() +  ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();

answered Sep 7, 2016 at 6:45

herrsiim

1471 silver badge11 bronze badges

3 Comments

RobG Over a year ago

Where is the getMonthName method documented?

herrsiim Over a year ago

This is the purpose of prototype. You created it by yourself when using prototype. Date.prototype.getMonthName = function() .....

RobG Over a year ago

The OP has edited out that part of the code. I'm not the OP.

casual · Accepted Answer · 2016-09-07 06:50:38Z

Here is a little fiddle that does what you want.

<div>
    <p id="date" name="date" class="date">Date</p>
</div>

<script>
    Date.prototype.getMonthName = function() {
        var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
        return monthNames[this.getMonth()];
    };

    var d = new Date();

    var monthName = d.getMonthName();
    var timeString = d.getDate() + '-' + monthName + '-' + d.getFullYear() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
    document.getElementById("date").innerHTML = timeString;

</script>

Notice setting date and time in your paragraph is outside of prototype declaration. Also beware of return statement (code after it won't execute)!

Collectives™ on Stack Overflow

Getting present date using JS with full name of month

3 Answers 3

Comments

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Linked

Related