Javascript - How to get date in needed format?

Question

Want to get Date output in 2 different formats. Here is what i have at the moment.

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

<script>
var d = new Date(day, month);
document.getElementById("demo").innerHTML = d.toString();
</script>

Does not work for me.

With this code i want to get this output: 21 Jun

Also would like to know how to get date in this format:

Jun 21, 2016 12:00 AM

Tip - look at `moment.js` - it does all this and whole lot more - parsing dates with javascript is not fun! — StudioTime, Jun 21 '16 at 12:25

score 0 · Answer 1 · answered Jun 21 '16 at 12:29

0

var months = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var h = d.getHours();
var ap = "AM";
if (h > 12) {
    h-=12;
    ap = "PM";
}
var dateString = months[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear() + " " + h + ":" + d.getMinutes() + " " + ap;

answered Jun 21 '16 at 12:29

Mark Evaul

653
5
11

If you are trying to format for your date parser on a server, I'd recommend using Ticks (d.getTime()) and converting that to a date on the server. It is much more specific and less prone to minor formatting errors. – Mark Evaul Jun 21 '16 at 12:31

score 0 · Answer 2 · answered Jun 21 '16 at 12:36

var d = new Date();
var months = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var h = d.getHours();
var ap = "AM";
if (h > 12) {
    h-=12;
    ap = "PM";
}
var dateString = months[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear() + " " + h + ":" + d.getMinutes() + " " + ap;
document.getElementById("demo").innerHTML = dateString.toString();

Try This one.

score 0 · Answer 3 · answered Jun 21 '16 at 12:37

JavaScript doesn't have functions to format the dates, so you'll have to do it manually. You can use this code for your first format:

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

<script>
  var d = new Date(2016, 5, 21);
  document.getElementById("demo").innerHTML = getMonthName(d.getMonth()) + " " + d.getDate();

  function getMonthName(month) {
    var monthnames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
    return monthnames[month];
  }
</script>

You can add the code to do any other format you want. However, you'll quickly realize the reason why we have many libraries for that purpose. So, don't reinvent the wheel and just use one of those libraries.

Javascript - How to get date in needed format?

3 Answers3