How to get current date in ddth/mm/yyyy format using JQuery

Question

How can I get the current date in JQuery as a variable and then append to a heading in with an id of currentdate, with the format 24th July 2016?

Answer 1

In XClass library , just do :

new Date().format('ddS mmmm yyyy')

• dd : day of month
• S : suffix (st,nd,th,..)
• mmmm: Full name of month
• yyyy : year

---

DEMO

var out=document.getElementById('out');
out.innerHTML=new Date().format('ddS mmmm yyyy');

<script src="https://rawgit.com/abdennour/xclass/master/node_modules/x-date/index.js"></script>
<span id="out"></span>

Answer 2

You need to use javascript Date() object and method of it to getting current date and component of it.

var monthName = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
var date = new Date();
var dateStr = date.getDate() + "th " + monthName[date.getMonth()] + " " + date.getFullYear();

$("#currentdate").text(dateStr);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="currentdate"></div>