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](http://stackoverflow.com/questions/1643320/get-month-name-from-date) — dns_nx, Sep 07 '16 at 06:41
please go through the edited post.. it still isn't working.... suggest — , Sep 07 '16 at 06:47

score 1 · Accepted Answer · answered Sep 07 '16 at 06:48

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

score 0 · Answer 2 · answered Sep 07 '16 at 06:45

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 07 '16 at 06:45

herrsiim

137
1
11

Where is the *getMonthName* method documented? – RobG Sep 07 '16 at 06:53
This is the purpose of prototype. You created it by yourself when using prototype. Date.prototype.getMonthName = function() ..... – herrsiim Sep 07 '16 at 07:02
The OP has edited out that part of the code. I'm not the OP. – RobG Sep 07 '16 at 22:39

score 0 · Answer 3 · answered Sep 07 '16 at 06:50

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)!

Getting present date using JS with full name of month

3 Answers3