How can I display today's full date in a specific format?

-1

I have found examples for displaying date but I need it in a specific format, ie: 15 Jun 2018, but the months are shortened

[Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec]

So need it to display todays date in the above format.

  var monthShortNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",

  "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"

];



function dateFormat2(d) {

  var t = new Date(d);

  return t.getDate() + ' ' + monthShortNames[t.getMonth()] + ', ' + t.getFullYear();

}



//console.log(dateFormat2(new Date()))

var showDate = dateFormat2(new Date())



document.getElementById("todays-date").innerHTML = showDate + 14:44;

Then trying to output it in a div here:

<div id="todays-date"></div>

Can't seem to get it working. If there's a better way please let me know. Thanks

edited Nov 16 '18 at 21:24

isherwood

36.6k1081111

asked Nov 16 '18 at 20:41

John

76772750

What exactly isn't working?
– Timo
Nov 16 '18 at 20:43

3

Possible duplicate of How to format a JavaScript date
– Taplar
Nov 16 '18 at 20:43

1

You can use momentjs library for date formatting
– Kapil gopinath
Nov 16 '18 at 21:41

add a comment |

-1

I have found examples for displaying date but I need it in a specific format, ie: 15 Jun 2018, but the months are shortened

[Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec]

So need it to display todays date in the above format.

  var monthShortNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",

  "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"

];



function dateFormat2(d) {

  var t = new Date(d);

  return t.getDate() + ' ' + monthShortNames[t.getMonth()] + ', ' + t.getFullYear();

}



//console.log(dateFormat2(new Date()))

var showDate = dateFormat2(new Date())



document.getElementById("todays-date").innerHTML = showDate + 14:44;

Then trying to output it in a div here:

<div id="todays-date"></div>

Can't seem to get it working. If there's a better way please let me know. Thanks

edited Nov 16 '18 at 21:24

isherwood

36.6k1081111

asked Nov 16 '18 at 20:41

John

76772750

What exactly isn't working?
– Timo
Nov 16 '18 at 20:43

3

Possible duplicate of How to format a JavaScript date
– Taplar
Nov 16 '18 at 20:43

1

You can use momentjs library for date formatting
– Kapil gopinath
Nov 16 '18 at 21:41

add a comment |

-1

I have found examples for displaying date but I need it in a specific format, ie: 15 Jun 2018, but the months are shortened

[Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec]

So need it to display todays date in the above format.

  var monthShortNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",

  "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"

];



function dateFormat2(d) {

  var t = new Date(d);

  return t.getDate() + ' ' + monthShortNames[t.getMonth()] + ', ' + t.getFullYear();

}



//console.log(dateFormat2(new Date()))

var showDate = dateFormat2(new Date())



document.getElementById("todays-date").innerHTML = showDate + 14:44;

Then trying to output it in a div here:

<div id="todays-date"></div>

Can't seem to get it working. If there's a better way please let me know. Thanks

edited Nov 16 '18 at 21:24

isherwood

36.6k1081111

asked Nov 16 '18 at 20:41

John

76772750

I have found examples for displaying date but I need it in a specific format, ie: 15 Jun 2018, but the months are shortened

[Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec]

So need it to display todays date in the above format.

  var monthShortNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",

  "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"

];



function dateFormat2(d) {

  var t = new Date(d);

  return t.getDate() + ' ' + monthShortNames[t.getMonth()] + ', ' + t.getFullYear();

}



//console.log(dateFormat2(new Date()))

var showDate = dateFormat2(new Date())



document.getElementById("todays-date").innerHTML = showDate + 14:44;

Then trying to output it in a div here:

<div id="todays-date"></div>

Can't seem to get it working. If there's a better way please let me know. Thanks

javascript jquery html

edited Nov 16 '18 at 21:24

isherwood

36.6k1081111

asked Nov 16 '18 at 20:41

John

76772750

edited Nov 16 '18 at 21:24

isherwood

36.6k1081111

asked Nov 16 '18 at 20:41

John

76772750

edited Nov 16 '18 at 21:24

isherwood

36.6k1081111

edited Nov 16 '18 at 21:24

isherwood

36.6k1081111

edited Nov 16 '18 at 21:24

isherwood

36.6k1081111

asked Nov 16 '18 at 20:41

John

76772750

asked Nov 16 '18 at 20:41

John

76772750

asked Nov 16 '18 at 20:41

John

76772750

What exactly isn't working?
– Timo
Nov 16 '18 at 20:43

3

Possible duplicate of How to format a JavaScript date
– Taplar
Nov 16 '18 at 20:43

1

You can use momentjs library for date formatting
– Kapil gopinath
Nov 16 '18 at 21:41

add a comment |

What exactly isn't working?
– Timo
Nov 16 '18 at 20:43

3

Possible duplicate of How to format a JavaScript date
– Taplar
Nov 16 '18 at 20:43

1

You can use momentjs library for date formatting
– Kapil gopinath
Nov 16 '18 at 21:41

What exactly isn't working?
– Timo
Nov 16 '18 at 20:43

Possible duplicate of How to format a JavaScript date
– Taplar
Nov 16 '18 at 20:43

You can use momentjs library for date formatting
– Kapil gopinath
Nov 16 '18 at 21:41

add a comment |

3 Answers
3

active

oldest

votes

I converted the code to a string, then split it by spaces. From there I was able to splice the array as needed.

function dateFormat2(d) {

  var date = d.toString().split(" ");

  return `${date.splice(1, 2).reverse().join(" ")} ${date[1]}`;

}

var showDate = dateFormat2(new Date());

document.getElementById("todays-date").innerHTML = showDate;

<div id="todays-date"></div>

edited Nov 16 '18 at 21:17

answered Nov 16 '18 at 20:57

Sarah Cross

716

add a comment |

Here is the full working example

<p id="demo"></p>



<script>

    var monthShortNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",

        "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"

    ];



    function getTime(t) {

        let hours = t.getHours(); 

        if(hours.toString().length == 1) {

            hours = "0" + hours;

        }

        let minutes = t.getMinutes(); 

        if(minutes.toString().length == 1) {

            minutes = "0" + minutes;

        }

        return hours + ':' + minutes;

    }

    function dateFormat2() {

        var t = new Date();

        return t.getDate() + ' ' + monthShortNames[t.getMonth()] + ', ' + t.getFullYear() + ' ' + getTime(t);

    }

    document.getElementById("demo").innerHTML = dateFormat2();

click here for working demo

edited Nov 16 '18 at 21:42

answered Nov 16 '18 at 21:31

Dhaval Gohel

502610

add a comment |

-1

It wasn't printing out the date, needed this:

document.getElementById("todays-date").innerHTML = (dateFormat2(new Date()));

answered Nov 16 '18 at 20:46

John

76772750

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53345095%2fhow-can-i-display-todays-full-date-in-a-specific-format%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

3 Answers
3

active

oldest

votes

3 Answers
3

active

oldest

votes

I converted the code to a string, then split it by spaces. From there I was able to splice the array as needed.

function dateFormat2(d) {

  var date = d.toString().split(" ");

  return `${date.splice(1, 2).reverse().join(" ")} ${date[1]}`;

}

var showDate = dateFormat2(new Date());

document.getElementById("todays-date").innerHTML = showDate;

<div id="todays-date"></div>

edited Nov 16 '18 at 21:17

answered Nov 16 '18 at 20:57

Sarah Cross

716

add a comment |

I converted the code to a string, then split it by spaces. From there I was able to splice the array as needed.

function dateFormat2(d) {

  var date = d.toString().split(" ");

  return `${date.splice(1, 2).reverse().join(" ")} ${date[1]}`;

}

var showDate = dateFormat2(new Date());

document.getElementById("todays-date").innerHTML = showDate;

<div id="todays-date"></div>

edited Nov 16 '18 at 21:17

answered Nov 16 '18 at 20:57

Sarah Cross

716

add a comment |

I converted the code to a string, then split it by spaces. From there I was able to splice the array as needed.

function dateFormat2(d) {

  var date = d.toString().split(" ");

  return `${date.splice(1, 2).reverse().join(" ")} ${date[1]}`;

}

var showDate = dateFormat2(new Date());

document.getElementById("todays-date").innerHTML = showDate;

<div id="todays-date"></div>

edited Nov 16 '18 at 21:17

answered Nov 16 '18 at 20:57

Sarah Cross

716

I converted the code to a string, then split it by spaces. From there I was able to splice the array as needed.

function dateFormat2(d) {

  var date = d.toString().split(" ");

  return `${date.splice(1, 2).reverse().join(" ")} ${date[1]}`;

}

var showDate = dateFormat2(new Date());

document.getElementById("todays-date").innerHTML = showDate;

<div id="todays-date"></div>

function dateFormat2(d) {

  var date = d.toString().split(" ");

  return `${date.splice(1, 2).reverse().join(" ")} ${date[1]}`;

}

var showDate = dateFormat2(new Date());

document.getElementById("todays-date").innerHTML = showDate;

<div id="todays-date"></div>

function dateFormat2(d) {

  var date = d.toString().split(" ");

  return `${date.splice(1, 2).reverse().join(" ")} ${date[1]}`;

}

var showDate = dateFormat2(new Date());

document.getElementById("todays-date").innerHTML = showDate;

<div id="todays-date"></div>

edited Nov 16 '18 at 21:17

answered Nov 16 '18 at 20:57

Sarah Cross

716

edited Nov 16 '18 at 21:17

answered Nov 16 '18 at 20:57

Sarah Cross

716

answered Nov 16 '18 at 20:57

Sarah Cross

716

answered Nov 16 '18 at 20:57

Sarah Cross

716

add a comment |

Here is the full working example

<p id="demo"></p>



<script>

    var monthShortNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",

        "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"

    ];



    function getTime(t) {

        let hours = t.getHours(); 

        if(hours.toString().length == 1) {

            hours = "0" + hours;

        }

        let minutes = t.getMinutes(); 

        if(minutes.toString().length == 1) {

            minutes = "0" + minutes;

        }

        return hours + ':' + minutes;

    }

    function dateFormat2() {

        var t = new Date();

        return t.getDate() + ' ' + monthShortNames[t.getMonth()] + ', ' + t.getFullYear() + ' ' + getTime(t);

    }

    document.getElementById("demo").innerHTML = dateFormat2();

click here for working demo

edited Nov 16 '18 at 21:42

answered Nov 16 '18 at 21:31

Dhaval Gohel

502610

add a comment |

Here is the full working example

<p id="demo"></p>



<script>

    var monthShortNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",

        "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"

    ];



    function getTime(t) {

        let hours = t.getHours(); 

        if(hours.toString().length == 1) {

            hours = "0" + hours;

        }

        let minutes = t.getMinutes(); 

        if(minutes.toString().length == 1) {

            minutes = "0" + minutes;

        }

        return hours + ':' + minutes;

    }

    function dateFormat2() {

        var t = new Date();

        return t.getDate() + ' ' + monthShortNames[t.getMonth()] + ', ' + t.getFullYear() + ' ' + getTime(t);

    }

    document.getElementById("demo").innerHTML = dateFormat2();

click here for working demo

edited Nov 16 '18 at 21:42

answered Nov 16 '18 at 21:31

Dhaval Gohel

502610

add a comment |

Here is the full working example

<p id="demo"></p>



<script>

    var monthShortNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",

        "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"

    ];



    function getTime(t) {

        let hours = t.getHours(); 

        if(hours.toString().length == 1) {

            hours = "0" + hours;

        }

        let minutes = t.getMinutes(); 

        if(minutes.toString().length == 1) {

            minutes = "0" + minutes;

        }

        return hours + ':' + minutes;

    }

    function dateFormat2() {

        var t = new Date();

        return t.getDate() + ' ' + monthShortNames[t.getMonth()] + ', ' + t.getFullYear() + ' ' + getTime(t);

    }

    document.getElementById("demo").innerHTML = dateFormat2();

click here for working demo

edited Nov 16 '18 at 21:42

answered Nov 16 '18 at 21:31

Dhaval Gohel

502610

Here is the full working example

<p id="demo"></p>



<script>

    var monthShortNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",

        "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"

    ];



    function getTime(t) {

        let hours = t.getHours(); 

        if(hours.toString().length == 1) {

            hours = "0" + hours;

        }

        let minutes = t.getMinutes(); 

        if(minutes.toString().length == 1) {

            minutes = "0" + minutes;

        }

        return hours + ':' + minutes;

    }

    function dateFormat2() {

        var t = new Date();

        return t.getDate() + ' ' + monthShortNames[t.getMonth()] + ', ' + t.getFullYear() + ' ' + getTime(t);

    }

    document.getElementById("demo").innerHTML = dateFormat2();

click here for working demo

edited Nov 16 '18 at 21:42

answered Nov 16 '18 at 21:31

Dhaval Gohel

502610

edited Nov 16 '18 at 21:42

answered Nov 16 '18 at 21:31

Dhaval Gohel

502610

answered Nov 16 '18 at 21:31

Dhaval Gohel

502610

answered Nov 16 '18 at 21:31

Dhaval Gohel

502610

add a comment |

-1

It wasn't printing out the date, needed this:

document.getElementById("todays-date").innerHTML = (dateFormat2(new Date()));

answered Nov 16 '18 at 20:46

John

76772750

add a comment |

-1

It wasn't printing out the date, needed this:

document.getElementById("todays-date").innerHTML = (dateFormat2(new Date()));

answered Nov 16 '18 at 20:46

John

76772750

add a comment |

-1

It wasn't printing out the date, needed this:

document.getElementById("todays-date").innerHTML = (dateFormat2(new Date()));

answered Nov 16 '18 at 20:46

John

76772750

It wasn't printing out the date, needed this:

document.getElementById("todays-date").innerHTML = (dateFormat2(new Date()));

answered Nov 16 '18 at 20:46

John

76772750

answered Nov 16 '18 at 20:46

John

76772750

answered Nov 16 '18 at 20:46

John

76772750

answered Nov 16 '18 at 20:46

John

76772750

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Cfrgtkky